ywork2020.com

Title

汎用的なインラインコンテナーを表す

目次 (INDEX)

span とは

ここで説明する span とは次の語句からなる HTML の要素です。
span
読み: スパン
意味: 全長、端から端までの長さ

目次に戻る

span 要素の概要

この要素は、記述コンテンツの汎用的な行内コンテナーです。

span には、マークアップとしての意味はなく、主にテキストにスタイル付けするために使用される要素です。 スタイル付けをするためには span 要素に限らず、他の要素も class 属性や id 属性 をつけて CSS で設定することが多いですが、 style 属性 を使って、直接のスタイル付けをすることもできます。

この要素には、開始タグと終了タグが必要です。
<span> </span>

span 要素はインラインコンテナーですが、 ブロックコンテナーとしては、 div 要素があります。

目次に戻る

サンプルコードと実行結果

このサンプルコードでは span 要素に style 属性を付けてテキストの色を赤に設定してみました。

サンプルコード: HTML
<body>
	<div>
		記述コンテンツのサンプル
		< span style="color: ##red;">
			span 要素内のテキスト
		< /span>
		記述コンテンツのサンプル
	</div>
</body>
実行結果:
記述コンテンツのサンプル span 要素内のテキスト 記述コンテンツのサンプル

目次に戻る

使用できる属性

目次に戻る