255文字以内で入力してください
GitHub Issueからのお問い合わせもお待ちしております。
要素のレンダリングを制御しパフォーマンスを向上させるCSSプロパティです。
hiddenとautoを適用した2枚のカードをボタンでvisibleに切り替え、描画やアクセシビリティの違いを比較できます。
content-visibility: hidden
このコンテンツはcontent-visibility: hiddenによって制御されています。非表示の場合、レンダリング処理が行われず、スクリーンリーダーやブラウザ検索からもアクセスできません。
content-visibility: auto
このコンテンツはcontent-visibility: autoによって制御されています。ビューポート外の要素のレンダリング処理を必要なタイミングまでスキップできます。