html - cssでの可視性と表示の違いは何ですか?

Question

CSSで使用されるこれら2つの用語と混同しています。CSSの可視性と表示の違いは何ですか?

Answer 1

簡単にvisibility言うと、要素が画面にレンダリングされるかどうかを決定しますが、レイアウトの実行方法 (つまり、ブラウザが各要素が画面上のどこに配置され、どのくらいのスペースを占めるかを計算する方法) には影響しません。

一方、display要素がページ上でどのようにレイアウトされるかを具体的に制御します。display: noneこれは、 「この要素をレイアウトにまったく含めない」ことを意味するため、「副作用として」可視状態に影響します。

より技術的な説明については、MDN ( visibility、display) でこれらのプロパティのドキュメントを参照するか、W3C 仕様 (ここおよびここ) を参照してください。

Answer 2

一般に、visibilityプロパティは、 show、hide (要素を透明にする)、またはcollapse (ビューから要素を削除する) のいずれかを決定します。

displayプロパティは、その名前とは異なり、ブラウザがこの要素をどのように配置するかを決定します: inline、block、tableなどのように

詳細については、任意のオンライン参照リソースを検索できます。