displayプロパティ その1
要素の表示形式を指定。
ブロック、インライン、テーブル、ルビ、フレックスコンテナ等。
主な値
[インラインとブロック]
・ブロック要素:見出し、段落、リスト、フォームなどのまとまった単位。前後は改行される。
・インライン要素:文章の一部で利用される。前後は改行されない。
inline:
初期値
block:
ブロックボックスを生成
list-item:
li要素のようにリスト内容が収められるブロックボックスを生成
run-in:
文脈に応じてブロック、インラインボックスを作成
inline-block:
インライン要素のブロックコンテナを生成
(例)
■html
<div><p>Layout rules <a class”textblock” href="http://www.htmq.com/">LINK</a></p></div>
■css
.textblock {display:block; background-color:yellow;}
HTML&CSS: CSS。