検索

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

CSSのdisplay属性の値は何ですか？それぞれの役割は何ですか?

王林
王林転載
2020-07-31 16:21:218251ブラウズ

CSSのdisplay属性の値は何ですか？それぞれの役割は何ですか?

display 属性値の概要:

(推奨チュートリアル: css クイック スタート )

  • ##none これ要素は表示されません。

  • block この要素は、この要素の前後に改行を入れて、ブロック レベルの要素として表示されます。

  • #インライン デフォルト。この要素は、要素の前後に改行のないインライン要素として表示されます。

  • #inline-block インライン ブロック要素。 (CSS2.1の新しい値)

  • list-item この要素はリストとして表示されます。

  • run-in この要素は、コンテキストに応じてブロックレベル要素またはインライン要素として表示されます。

  • compact CSS には Compact という値がありますが、広くサポートされていないため、CSS2.1 から削除されました。

  • #マーカー CSS には値マーカーがありますが、広くサポートされていないため、CSS2.1 から削除されました。

    • ##table この要素は、テーブルの前後に改行が入ったブロックレベルのテーブル ( と同様) として表示されます。

    • inline-table この要素は、表の前後に改行を入れずに、インライン表 (
    と同様) として表示されます。

    • table-row-group この要素は、1 つ以上の行のグループとして表示されます ( と同様)。

    • table-header-group この要素は、1 つ以上の行のグループとして表示されます ( と同様)。

    • (ビデオ チュートリアルの推奨: css ビデオ チュートリアル

    )

      table-footer-group この要素は次のように使用されます。 a または 複数の行をグループで表示します (
    と同様)。

    • table-row この要素はテーブル行として表示されます ( と同様)。

    • table-column-group この要素は、1 つ以上の列のグループとして表示されます (と同様)。

    • table-column この要素はセル列として表示されます (と同様)

    • table-cell この要素は、表のセル表示として表示されます (
    および と同様)

    • table-caption この要素は表のタイトルとして表示されます (
     と同様) ;)

    • inherit は、表示属性の値が親要素から継承されることを指定します。

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

    css 继承 display column table tbody td tr th
    声明：
    この記事はcsdn.netで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。
    前の記事：CSSの一般的なレイアウト方法は何ですか次の記事：CSSの一般的なレイアウト方法は何ですか

    関連記事

    続きを見る