display属性の表示サンプル

見出し要素

をインラインレベル要素として扱っています。赤い色の部分が見出しとなりますが、スタイルシートによってインラインで表示させています。

インライン要素をブロックレベルで表示 この部分はインラインレベル要素 (strong) をブロックレベル要素として表示させています。本来ならばごく普通の文字列の中で表示されますが、スタイルシートによってブロックレベルとして扱います。

ここの3行はリスト項目として設定しています。 span要素は汎用的に利用するインラインレベル要素です。 div要素は汎用的に利用するブロックレベル要素です。

下のセレクトボックスからスタイルシートを選んで、右のボタンを押してください。スタイルシートの有無による変化が理解できることでしょう。