■ <display>
要素の表示形式(ブロック・インライン)を指定する
解説
displayプロパティは、ブロックレベル・インラインレベル等の、要素の表示形式を指定する際に使用します。 例えば、インライン要素の<IMG>などに display:block を指定すると、ブロック要素として表示されるようになります。
尚、ブロック要素とは、見出し、段落、リスト、フォームなどのひとつのまとまった単位として表される要素で、 一般的なブラウザでは前後に改行が入って表示されます。 インライン要素とは主に文章の一部として利用される要素であり、その前後は改行されません。
■値
none
指定要素とそこに含まれる子要素のボックスが生成されず、表示されません。
block
指定要素がブロックレベルで表示されます。
inline
指定要素がインラインレベルで表示されます。
list-item
指定要素の内容をリスト(箇条書きの項目)として、内容が収められるボックスとリストのマーカーのためのボックスを生成します。
marker
リストのマーカーのためのボックスを生成します。この値は、:before擬似要素および :after擬似要素にのみ適用することができます。
compact
前後の状況により、ブロックレベルになったりインラインレベルになったりします。指定要素の後にくるブロックレベル要素が、回り込み(float)または絶対配置されておらず、指定要素の内容の幅が、後にくるブロックレベル要素の左マージンの幅以下で1行で収まる場合には、その左マージン内にインラインレベルとして表示されます。それ以外の場合には、ブロックレベルで表示されます。
run-in
前後の状況により、ブロックレベルになったりインラインレベルになったりします。指定要素の後にくるブロックレベル要素が、回り込み(float)または絶対配置されていない場合には、その先頭にインラインレベルとして表示されます。それ以外の場合には、ブロックレベルで表示されます。
table,inline-table,table-caption,
table-row,table-cell,table-column,
table-row-group,table-column-group,
table-header-group,table-footer-group
指定要素を表関連要素として表示します。

