ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSの表示属性とは何を意味するのでしょうか?

CSSの表示属性とは何を意味するのでしょうか?

下次还敢
下次还敢オリジナル
2024-04-25 18:51:161187ブラウズ
<p>CSS の表示属性は、要素の表示タイプを設定し、ページ上での要素の表示方法を制御します。可能な値は次のとおりです。 inline: インライン要素は、テキストと同じレベルで、コンテンツの幅のみを占めます。 block: ブロックレベルの要素。利用可能な幅を埋めて折り返します。 inline-block: インラインとブロックレベルの両方の要素属性があり、インラインに配置できますが、幅を占めます。 none: 要素を非表示にします。フレックス: レイアウトとサイズの制御を容易にするフレキシブル コンテナを作成します。グリッド: 要素の配置と位置合わせを容易にするグリッド コンテナーを作成します。ルビ:ふりがなやコメントを追加します。 table: 表として表示されます。

<p>CSSの表示属性とは何を意味するのでしょうか?

<p>#CSS の表示プロパティとは何ですか?

<p>display 属性は、要素の表示タイプを設定し、ページ上での要素の表示方法を制御するために使用されます。

<p>表示属性値:

  • #inline: テキスト コンテンツと同じレベルに、インライン要素として表示されます。要素は利用可能な幅全体を占めるのではなく、そのコンテンツの幅のみを占めます。
  • block: は、新しい行から始まるブロック レベルの要素として表示されます。要素は利用可能な幅全体を占め、垂直に積み重ねられます。
  • inline-block: インライン要素とブロックレベル要素の両方の属性を持ちます。要素はインラインに配置できますが、ブロックレベルの要素と同じ幅を占めます。
  • none: 要素を非表示にして非表示にします。
  • flex: フレックス ボックス モデルに基づいて、要素のレイアウトとサイズを簡単に制御できるフレキシブル コンテナーを作成します。
  • grid: グリッド レイアウト モデルに基づいて、要素を簡単に配置および整列できるグリッド コンテナーを作成します。
  • ruby: は、本文の横にふりがなやメモを追加するために使用されます。
  • table: 要素をテーブルとして表示します。
<p>表示属性の使用:

<p>HTML 要素で表示属性を使用するには、要素のスタイル ルールでその値を設定できます:

<code class="css">element {
  display: value;
}</code>
<p>例:

<code class="css">p {
  display: block;
}</code>
<p>これにより、すべての <p> 要素がブロック レベルの要素として設定されます。

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

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