CSSのdisplayプロパティ
属性の定義と指示
表示属性は、フレームの要素の型が生成されるべきで指定します。
デフォルト: | インライン |
---|---|
継承: | いいえ |
バージョン: | CSS1 |
JavaScriptシンタックス: | オブジェクト.style.display = "インライン" |
ブラウザのサポート
表中の数字は、プロパティのバージョン番号をサポートする最初のブラウザを表します。
すぐにデジタル-webkit-を以下、-ms-またはプレフィックスのサポートに前-moz-は最初のブラウザのバージョン番号を属性。
属性 | |||||
---|---|---|---|---|---|
display | 4.0 | 8.0 Partial from 5.5 |
3.0 | 3.1 | 7.0 |
プロパティ値
値 | 説明 |
---|---|
なし | この要素は表示されません。 |
ブロック | この要素は、この要素が改行とフロントとリアになり、ブロックレベル要素として表示されます。 |
インライン | デフォルト。 要素には改行を持っていない前と後のこの要素は、インライン要素として表示されます。 |
インラインブロック | インラインブロック要素。 (CSS2.1付加価値) |
リスト項目 | この要素は、リストとして表示されます。 |
ランイン | この要素は、ブロックレベル要素やインライン要素としてコンテキスト表示に基づいて説明します。 |
コンパクト | CSSは値のコンパクトを持っていますが、原因幅広いサポートの欠如にCSS2.1から削除されました。 |
マーカー | CSSは、値マーカーを持っていますが、幅広い支持が不足しているためには、CSS2.1から削除されました。 |
テーブル | この要素は、テーブルの前と後で改行されて、(<表>に似ている)ブロックレベルの表として表示されます。 |
インラインテーブル | この要素には改行は表の前と後に、(<表>に似ています)、インラインテーブルとして表示されません。 |
テーブルの行グループ | この要素は、(<TBODY>に似ている)を示すために1つ以上の行としてグループ化されます。 |
テーブル・ヘッダー、グループ | この要素は、(<THEAD>に似ている)を示すために1つ以上の行としてグループ化されます。 |
テーブルフッターグループ | この要素は、(<TFOOT>に似ている)を示すために1つ以上の行としてグループ化されます。 |
テーブルの行 | この要素は、(<TR>に似ています)テーブル行として表示されます。 |
テーブルの列グループ | この要素は、(<COLGROUP>と同様の)パケットを表示するために、1つ以上の列として使用されます。 |
テーブルの列 | この要素は、(<COL>に似ている)セルの列として表示されます |
テーブルセル | この要素は、表のセルとして表示されます(<TD>と<目>に似ています) |
テーブルのキャプション | この要素は、(<キャプション>に似ています)、テーブルヘッダーとして表示されます |
受け継ぎます | 所定の表示属性値は、親要素から継承する必要があります。 |
関連記事
CSSチュートリアル: CSS表示と可視性
より多くの例
継承した値を使用します
この例では、継承されたプロパティを使用する方法を示します。