CSSで要素を表示しないようにする方法

CSS で非表示要素を実装する方法: [display:none;visibility:hidden;] などの表示属性と可視性属性を使用できます。 display 属性は要素が生成するボックスのタイプを指定し、visibility 属性は要素が表示されるかどうかを指定します。

CSS の表示属性と可視属性を使用して、HTML 要素を表示または非表示にすることができます。

(学習ビデオ共有: css ビデオ チュートリアル)

display 属性:

display 属性は、要素が生成するボックスのタイプを指定します。

属性値:

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

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

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

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

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

visibility 属性:

visibility 属性は、要素が表示されるかどうかを指定します。

• visible デフォルト値。要素が表示されます。

• hidden 要素は非表示になります。

• collapse テーブル要素で使用すると、この値は行または列を削除しますが、テーブルのレイアウトには影響しません。行または列が占めていたスペースは、他のコンテンツのために解放されます。この値が別の要素で使用される場合、その値は「非表示」として表示されます。

• #inherit 可視属性の値を親要素から継承することを指定します。

コード例:

達成効果:

2行目を非表示にしても元の位置を占めますが、4行目を非表示にしても元の位置を占めません。

関連する推奨事項: CSS チュートリアル

以上がCSSで要素を表示しないようにする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。