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

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

下次还敢
下次还敢オリジナル
2024-04-26 12:51:15891ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。