CSS の表示属性の詳細な紹介

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 つ以上の列のグループとして表示されます (次のようなもの)。 表と列 この要素はセルの列として表示されます (次のようになります)。 テーブルセル この要素は表のセルとして表示されます (次のようになります)。 そして ) 表のキャプション この要素はテーブルのタイトルとして表示されます (次のようになります)。 ) 継承する 表示属性の値を親要素から継承することを指定します。

以上がCSS の表示属性の詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。