要素をコンテナクエリのコンテナとして定義し、どの軸のサイズ変化を監視するかを指定するプロパティです。子要素がコンテナのサイズに応じてスタイルを変更できるようになります。
container-type: normal | size | inline-sizecontainer-type: inline-size;インライン方向のサイズ(幅)を監視
container-type: size;両方向のサイズ(幅と高さ)を監視
inline-sizeは横幅のみ監視(最も一般的)。sizeは幅と高さ両方を監視するが、無限ループの可能性があるため慎重に使用。container-nameと組み合わせて複数コンテナを管理できる。
container-typeを指定しないとコンテナクエリが動作しない。sizeを使う際は高さの循環参照に注意。
Chrome 105+, Firefox 110+, Safari 16+