CSS - container-type

• トップ
• CSSリファレンス
• container-type

概要

説明

コンテナクエリのタイプを指定します。詳細は「コンテナクエリ」を参照してください。

normal

通常時の動作となります。

size

インライン方向(通常は横方向)とブロック方向(通常は縦方向)のサイズに応じて異なるスタイルを適用します。

inline-size

インライン方向(通常は横方向)のサイズに応じて異なるスタイルを適用します。

scroll-state

スクロール状態に応じて異なるスタイルを適用します。Chrome 133 でサポートされました。(サポート状況)

リンク

• https://drafts.csswg.org/css-conditional-5/#container-type
• https://developer.mozilla.org/ja/docs/Web/CSS/container-type
• https://caniuse.com/?search=container-type