display
対応ブラウザ | Internet Explorer 5~ / Firefox 1~ / Google Chrome 1~ / Safari 1~ / Opera 7~ | ||
---|---|---|---|
初期値 | inline | 継承 | しない |
適用可能な要素 | すべて | ||
用例 |
|
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)
- 状況に応じてブロックボックス、もしくは後続のブロックにおける左余白に表示されるマーカーボックスとして表示します。