display プロパティ

display プロパティは、ブラウザによる要素の表示方法を指定します。

構文

値

値	説明
block	ブロック要素。
inline	インライン要素。
inline-block	インラインブロック要素。
list-item	要素はリスト項目となり、その前にリストマーカーが表示されます。
flex	要素をブロックとして設定し、その子孫要素は flex 要素になります。
inline-flex	要素をインラインブロックとして設定し、その子孫要素は flex 要素になります。
grid	グリッドコンテナ要素を作成します。
none	要素は完全に非表示になり、他のすべての要素はその要素が存在しないかのように振る舞います。
table	要素はテーブルとして振る舞います。
table-cell	要素はテーブルのセルとして振る舞います。
inline-table	要素はテーブルとして振る舞いますが、そのテーブルはインライン要素であり、テキストなどの他の要素によって回り込まれます。
table-caption	要素は caption タグとして振る舞います。
table-column	要素はテーブルの列として振る舞います。
table-row	要素はテーブルの行として振る舞います。
table-column-group	要素は colgroup タグとして振る舞います。
table-footer-group	要素は tfoot タグとして振る舞います。
table-header-group	要素は thead タグとして振る舞います。
table-row-group	要素は tbody タグとして振る舞います。
run-in	コンテキストに応じて、要素をブロックまたはインラインとして設定します。

デフォルトでは、要素は様々な display の値を持っています。