CSS BOXの種類と表示属性について詳しく解説

BOX タイプはプレゼンテーションとレイアウトに影響します。BOX タイプにはブロックレベルとインラインレベルの 2 つがあります。実際には、他のタイプ (テーブル、リスト項目など) もありますが、それらは最終的には影響を受けます。ブロックレベルBOXまたはインラインレベルBOXとして扱うことができます

ブロックレベルBOXの特徴は、内容を改行して開始し、他のブロックレベルBOXやインラインレベルBOXを含めることができることです。

インラインレベルのBOXは、新しいコンテンツブロックを形成する要素ではありませんが、他のインラインレベルのBOXと、対応するデフォルトのBOXタイプ

を含めることができます。

CSSの表示属性を使用して、BOXタイプを定義できます。また、要素のデフォルトのBOXタイプを変更することもできます。

スタイル属性display:noneを定義すると、このBOXとそれに含まれる他のBOXが表示されなくなります。非表示のボックスは生成されませんが、BOX の生成はまったく表示されません (つまり、要素はレイアウトに影響を与えません)。また、派生要素はボックスを生成しません。派生要素によって設定される diplay 属性

例:

<div style="display:none"> 
    内容不会显示 
    <p style="display:block">此内容一样不会显示</p> 
</div>

display 属性の属性値とその関数の説明

以上がCSS BOXの種類と表示属性について詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。