CSS3のdisplay_html/css_WEB-ITnose

デフォルト : inline

適用先 : すべての要素

継承: なし

アニメーション可能性: いいえ

none: 隠しオブジェクト。 Visibility 属性の hidden 値とは異なり、非表示オブジェクト用に物理スペースを予約しません。 inline: オブジェクトがインライン要素であることを指定します。 block: オブジェクトをブロック要素として指定します。 list-item: オブジェクトをリスト項目として指定します。 inline-block: オブジェクトをインライン ブロック要素として指定します。 (CSS2) table: オブジェクトをブロック要素レベルのテーブルとして指定します。 HTML タグ

(CSS2) に似ています。 inline-table: オブジェクトをインライン要素レベルでテーブルとして指定します。 HTML タグ (CSS2) table-caption と同様: テーブルのタイトルとしてオブジェクトを指定します。 HTML タグ (CSS2) table-row-group と同様: オブジェクトをテーブル行グループとして指定します。 HTML タグ (CSS2) table-column: オブジェクトをテーブル列として指定します。 HTML タグ (CSS2) table-column-group と同様: テーブル列グループとして表示するオブジェクトを指定します。 HTML タグ (CSS2) table-header-group と同様: オブジェクトをテーブル ヘッダー グループとして指定します。 HTML タグ (CSS2) table-footer-group と同様: オブジェクトをテーブル フッター グループとして指定します。 HTML タグ (CSS2) の実行と同様: コンテキストに基づいて、オブジェクトがインライン オブジェクトであるかブロックレベル オブジェクトであるかを判断します。 (CSS3) ボックス: オブジェクトをフレキシブル ボックスとして表示します。 (フレックス ボックスの最も古いバージョン) (CSS3) inline-box: オブジェクトをインライン ブロック レベルのフレックス ボックスとして表示します。 (フレックスボックスの最も古いバージョン) (CSS3) フレックスボックス: オブジェクトをフレックスボックスとして表示します。 (フレックスボックスの移行バージョン) (CSS3) inline-flexbox: オブジェクトをインラインのブロックレベルのフレックスボックスとして表示します。 (フレックスボックスの暫定版) (CSS3) flex: オブジェクトをフレックスボックスとして表示します。 (フレックス ボックスの最新バージョン) (CSS3) inline-flex: オブジェクトをインライン ブロック レベルのフレックス ボックスとして表示します。 (伸縮ボックスの最新バージョン) (CSS3)

* CSS3 の新しい属性には、説明の誤りや変更がある可能性がありますが、参照のみを目的としており、継続的に更新されます

説明:

オブジェクトをどのように設定または取得するか表示されています。

display が none に設定されている場合、float 属性とposition 属性の定義は有効になりません。

position が static または相対的でない場合、または float が none でない場合、または要素がルート要素である場合、display: inline-table の場合、表示の計算値は table です。display: inline-block | table-* が使用される場合、表示の計算値は

IE6 です。 7 はインライン要素のインライン ブロックへの変換をサポートしていますが、ブロック要素のインライン ブロックへの変換はサポートしていないため、IE6 および 7 では非インライン要素をインライン ブロックに変換する必要があります。まず inline に変換してから hasLayout をトリガーして inline-block と同様の効果を取得します

(CSS2) table-cell: オブジェクトを表のセルとして指定します。 HTML タグ

(CSS2) table-row と同様: オブジェクトをテーブル行として指定します。 HTML タグ