ホームページ >ウェブフロントエンド >CSSチュートリアル >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 サイトの他の関連記事を参照してください。