displayの解説|クロノドライブのCSS辞典

display

対応ブラウザ Internet Explorer 5~ / Firefox 1~ / Google Chrome 1~ / Safari 1~ / Opera 7~
初期値 inline 継承 しない
適用可能な要素 すべて
用例
.style {
  display: block;
}

displayとは

displayとは要素の表示形式を指定するプロパティです。
以下の値で指定します。

inline(初期値)
インラインボックスとして表示します。
※初期値ではありますが、普通はブラウザのデフォルトスタイルシートでHTMLのブロック要素はblockとして、インライン要素はinlineというように、要素ごとに異なる設定がされています。
block
ブロックボックスとして表示します。
inline-block
インラインブロックボックスとして(内容はブロックボックスとして、配置は折り返しされないインライン要素として)表示します。
list-item
リストアイテムとして表示します。
table
inline-table
table-cell
table-row
table-header-group
table-row-group
table-footer-group
table-column
table-column-group
table-caption
テーブルやテーブルのセル等として表示します。
none
ボックスを生成しません。(表示なし)
run-in(CSS3)
状況に応じてブロックボックス、もしくは後続のブロックにおける先頭インライン要素として表示します。
compact(CSS3)
状況に応じてブロックボックス、もしくは後続のブロックにおける左余白に表示されるマーカーボックスとして表示します。