ホームページ  >  記事  >  ウェブフロントエンド  >  CSSの可視性属性の使い方

CSSの可視性属性の使い方

silencement
silencementオリジナル
2019-05-26 14:54:155093ブラウズ

CSSの可視性属性の使い方

#Visibility 属性の定義と使用法

CSS では、visibility 属性は、要素が表示されるかどうかを定義するために使用されます。この属性は、非表示要素を定義します。ページ上のスペースも占めます。ページ領域を占有しない非表示の要素を定義する場合は、display 属性を使用できます (2 つの属性の違い: display 属性と Visibility 属性の使用法)。

visibility 属性値

visible: 要素が表示されます (デフォルト値)

hidden: 要素が非表示、非表示です

collapse : テーブル要素で使用すると、テーブルのレイアウトに影響を与えずに行または列が削除されます; 他の要素で使用すると、非表示と同じになります。

inherit: 可視性属性の値を継承します。親要素から。

文法形式:

visibility:visible/hidden/collapse/inherit

1.visible:visible; 詳細

visible :visible 属性値によって定義された要素は表示され、デフォルトの属性値です。

2: Visibility:hidden;Details

hidden: hidden 属性値によって定義された要素は非表示であり、表示されませんが、要素は元のスペースを占有します。

3. Visibility:collapse;Details

collapse: Collapse 属性値は、異なる要素が異なる効果を持つことを定義します。

テーブル要素で使用した場合: テーブルのレイアウトに影響を与えずに行または列が削除されます;

テーブル以外の要素で使用した場合: 効果は非表示属性と同じですvalue;

Four: Visibility:inherit;Details

inherit: 継承属性値によって定義された要素は、親要素の可視性属性値、つまり可視性属性を継承します。親要素の値、および要素の可視性属性値は What です。

以上がCSSの可視性属性の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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