NoteBook > displayプロパティについて

displayプロパティについて

displayプロパティの値と対応状況

プロパティの値	CSS 1	CSS 2	CSS 2.1	CSS 3	Firefox	Safari	Opera	Internet Explorer
inline	○	○	○	○	○	○	○	○
block	○	○	○	○	○	○	○	○
inline-block	-	-	○	○	3	○	○	8
list-item	○	○	○	○	○	○	○	6
run-in	-	○	○	○	×	○	○	×
compact	-	○	-	○	×	×	○	×
marker	-	○	-	-	×	×	×	×
table	-	○	○	○	○	○	○	8
inline-table	-	○	○	○	3	○	○	8
table-row	-	○	○	○	○	○	○	8
table-cell	-	○	○	○	○	○	○	8
table-row-group	-	○	○	○	○	○	○	8
table-header-group	-	○	○	○	○	○	○	8
table-footer-group	-	○	○	○	○	○	○	8
table-column	-	○	○	○	○	○	×	8
table-column-group	-	○	○	○	○	○	×	8
table-caption	-	○	○	○	○	○	○	8
ruby	-	-	-	○	×	×	×	8
ruby-base	-	-	-	○	×	×	×	8
ruby-text	-	-	-	○	×	×	×	8
ruby-base-group	-	-	-	○	×	×	×	×
ruby-text-group	-	-	-	○	×	×	×	×
none	○	○	○	○	○	○	○	○
inherit	-	○	○	-	○	○	○	8

inline: インラインボックスとして生成します。テキスト同様に行の中に配置されます。span要素と同様です。
block: ブロックボックスとして生成します。floatやposition指定がない場合、前後に改行が入ります。div要素と同様です。
inline-block: ブロックボックスとして生成し、インラインボックスと同様に配置されます。内部はdiv要素と同様です。
list-item: ブロックボックスとして生成します。li要素と同様です。
run-in: 後続のボックス内の先頭に、インライン要素として配置されます。
compact: コンパクトボックスを生成します。dl要素のcompact属性と同様です。
marker: リストのマーカーを生成します。どのブラウザも対応していません。
table,inline-table,table-row,table-cell,table-row-group,table-header-group,table-footer-group,table-column,table-column-group,table-caption: 各テーブル要素を生成します。
ruby,ruby-base,ruby-text,ruby-base-group,ruby-text-group: 各ルビ要素を生成します。
none: ボックスを生成しません
inherit: 親要素の値を継承します。