Caution

お使いのブラウザはJavaScriptが無効になっております。
当サイトでは検索などの処理にJavaScriptを使用しています。
より快適にご利用頂くため、JavaScriptを有効にしたうえで当サイトを閲覧することをお勧めいたします。

CSS辞典

display

要素の表示形式を変更します。各HTML要素によって初期値に違いがありますのでご注意ください。

div.test { display: inline;}
div.test1 { display: block;}
div.test2 { display: none;}

値	概要
none	要素を表示しません。この値を指定された要素は存在しなかったものとしてレイアウトが構築されます。
inline	要素をインラインレベル要素とします。
inline-block	要素をインラインブロック要素(置換要素)とします。
block	要素をブロックレベル要素とします。
list-item	要素をリスト要素とします。この値が指定された要素はリストマーカーも同時に生成されます。li要素と同じふるまいです。
table	table要素と同じふるまいになります。 ※IE8以前のIEでは未対応です。
table-caption	caption要素と同じふるまいになります。 ※IE8以前のIEでは未対応です。
table-cell	td要素と同じふるまいになります。 ※IE8以前のIEでは未対応です。
table-row	tr要素と同じふるまいになります。 ※IE8以前のIEでは未対応です。
table-column	col要素と同じふるまいになります。 ※IE8以前のIEでは未対応です。
table-column-group	colgroup要素と同じふるまいになります。 ※IE8以前のIEでは未対応です。
table-footer-group	tfoot要素と同じふるまいになります。 ※IE8以前のIEでは未対応です。
table-header-group	thead要素と同じふるまいになります。 ※IE8以前のIEでは未対応です。
table-row-group	tbody要素と同じふるまいになります。 ※IE8以前のIEでは未対応です。