CSS display Property

すべての主要なブラウザは、display プロパティをサポートしています。

注: !DOCTYPE が指定されている場合、Internet Explorer 8 (以降) は属性値「inline-table」、「run-in」、「table」、「table-caption」、「table-」をサポートします。「セル」、「表の列」、「表の列グループ」、「表の行」、「表の行グループ」、および「継承」。

定義と使用法

display 属性は、要素が生成するボックスのタイプを指定します。

説明

この属性は、レイアウトの作成時に要素によって生成される表示ボックスのタイプを定義するために使用されます。 HTML などのドキュメントタイプの場合、表示を不用意に使用すると、HTML ですでに定義されている表示階層に違反する可能性があるため危険です。 XML の場合、XML にはこの種の階層が組み込まれていないため、すべての表示が絶対に必要です。

注: compact と marker の値は CSS2 に存在していましたが、広範囲にサポートされていないため CSS2.1 から削除されました。

デフォルト値:	インライン
相続性別:	いいえ
バージョン:	CSS1
JavaScript 構文:	オブジェクト.style.display="インライン"

可能な値

この要素は慣らし運転この要素は、コンテキストに応じてブロックレベル要素またはインライン要素として表示されます。コンパクトCSS には値 Compact がありますが、広くサポートされていないため、CSS2.1 からはマーカー値マーカーは CSS に存在しますが、広範囲にサポートされていないため、CSS2.1 から削除されました。テーブルこの要素は、ブロックレベルの

価値	説明
なし	この要素は表示されません。
ブロック	この要素は、この要素の前後に改行を入れて、ブロックレベルの要素として表示されます。
インライン	デフォルト。この要素は、要素の前後に改行を入れずに、インライン要素として表示されます。
インラインブロック	インラインブロック要素。 (CSS2.1 の新しい値)
リストアイテム	リストとして表示されます。

	削除されました。

	テーブル ( と同様) として表示され、テーブルの前後に改行が入ります。インラインテーブルこの要素は、表の前後に改行のないインライン表 ( と同様) として表示されます。）。）。）。）。）。 ) テーブル行グループこの要素は、1 つ以上の行のグループとして表示されます ( テーブルヘッドerグループこの要素は、1 つ以上の行のグループとして表示されます (次のようなもの)。テーブルフッターグループこの要素は、1 つ以上の行のグループとして表示されます (次のようなもの)。テーブル行この要素はテーブルの行として表示されます (次のようになります)。テーブル列グループこの要素は、1 つ以上の列のグループとして表示されます (次のようなもの)。表と列この要素はセルの列として表示されます (次のようになります)。テーブルセルこの要素は表のセルとして表示されます (次のようになります)。そして ) 表のキャプションこの要素はテーブルのタイトルとして表示されます (次のようになります)。 ) 継承する表示属性の値を親要素から継承することを指定します。