ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSのdisplay属性の値は何ですか?

CSSのdisplay属性の値は何ですか?

下次还敢
リリース: 2024-04-26 12:51:15
オリジナル
849 人が閲覧しました

CSS の表示属性は、要素のレイアウトを制御します。 1. ブロックレベル要素: block、inline-block 2. リスト項目: list-item;関連: table、table-caption、table-column-group、table-header-group、table-footer-group、table-row-group、table-cell、table-column、table-row 4. インライン要素: inline 、なし ;5. 特別な値: flex、grid、content

CSSのdisplay属性の値は何ですか?

CSS の表示属性の値

display 属性コントロール 要素がページ上にどのようにレイアウトされるか。次の値を取ることができます:

ブロックレベル要素:

  • block: 要素は独自の行を占め、利用可能な幅全体。
  • inline-block: インライン要素と似ていますが、幅と高さを設定できます。
  • list-item: リスト項目を作成します。
  • テーブル: テーブルを作成します。
  • table-caption: テーブルのタイトルを作成します。
  • table-column-group: テーブル列グループを作成します。
  • table-header-group: テーブル ヘッダー グループを作成します。
  • table-footer-group: テーブル フッター グループを作成します。
  • table-row-group: テーブル行グループを作成します。
  • テーブルセル: テーブルセルを作成します。
  • table-column: テーブルの列を作成します。
  • table-row: テーブル行を作成します。

インライン要素:

  • インライン: 要素は他の要素と同じ行に配置されます。
  • none: 要素は表示されません。

特別な値:

  • flex: 柔軟なレイアウトを持つ要素を作成します。
  • grid: グリッド レイアウトを持つ要素を作成します。
  • contents: 要素自体ではなく、要素のコンテンツを表示します。

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート