ホームページ  >  記事  >  ウェブフロントエンド  >  要素を表示または非表示にする CSS のプロパティは何ですか?

要素を表示または非表示にする CSS のプロパティは何ですか?

青灯夜游
青灯夜游オリジナル
2021-04-16 17:42:477053ブラウズ

実装属性は次のとおりです: 1. display 属性、値が「none」の場合、要素は非表示になり、「block」の場合、要素が表示されます。 2. Visibility 属性、値が「none」の場合、要素は表示されます。 「hidden」の場合は要素が非表示になり、「visible」の場合は要素を表示する場合; 3. overflow 属性; 4. opacity 属性。

要素を表示または非表示にする CSS のプロパティは何ですか?

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

要素の表示と非表示

本質: ページ上で要素を非表示または表示します。

#css は要素の非表示と表示の属性を実現できます

1: 表示属性

  • display: none; Hidden object

  • display: block;ブロック レベルの要素への変換に加えて、表示要素の意味

注: 表示によって要素が非表示になると、その要素は元の位置を占めなくなります。

2.visibility 属性

  • visibility: hidden; 要素は表示されます

  • ##visibility: hidden;

    要素はhidden

  • 注: 表示設定によって要素が非表示になった後も、要素は元の位置を占有し続けます

3.overflow 属性 (オーバーフロー コンテンツの表示と非表示)

overflow: visible | hidden | scroll | auto
1 の属性値の具体的な説明を次の表に示します。

属性値visiblehidden#scroll##autoコンテンツが制限を超えた場合のみスクロール バーが表示されます。コンテンツが制限を超えていない場合はスクロール バーが表示されます。## は表示されません
説明
コンテンツは切り取られず、スクロール バーも追加されません
超過部分を非表示
コンテンツが制限を超えているかどうかに関係なく、スクロール バーが表示されます。
#4、不透明度属性

不透明度: 0; 要素を非表示

  • opacity: 1; 表示要素

  • opacity プロパティは、オブジェクトの不透明度を取得または設定することを意味します。透明度が 0 の場合、視覚的には消えますが、依然としてその位置を占めており、Web ページのレイアウトに影響を与えます。 注: 不透明度属性が追加された要素の場合、背景と要素のコンテンツもそれに応じて変更されます。

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

)

以上が要素を表示または非表示にする CSS のプロパティは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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