| 属性名 |
contain-intrinsic-width contain-intrinsic-height contain-intrinsic-block-size contain-intrinsic-inline-size contain-intrinsic-size |
|---|---|
| 値 |
contain-intrinsic-width: <intrinsic-length> contain-intrinsic-height: <intrinsic-length> contain-intrinsic-block-size: <intrinsic-length> contain-intrinsic-inline-size: <intrinsic-length> contain-intrinsic-size: <intrinsic-length>{1,2} |
| 値の詳細 | <intrinsic-length> = [ none | <length> | auto <length> ] |
| 初期値 | none |
| 継承 | 継承しない |
| サポート | https://caniuse.com/mdn-css_properties_contain-intrinsic-size |
content-visibility: auto によってコンテンツの内容(子要素)のレンダリングを遅延させる場合に、コンテンツの暫定的な高さ・幅を指定します。暫定的な高さ・幅は、コンテンツの内容が実際にレンダリングされる際に再計算・補正されます。
| 値 | 説明 |
|---|---|
| none | 暫定的な高さ・幅を指定しません。 |
| <length> | 暫定的な高さ・幅を指定します。 |
| auto <length> | コンテンツが1度でもレンダリングされ、最後に計算されたサイズを持っている場合はそのサイズ、持っていない場合は <length> とします。 |
contain-intrinsic-width は幅、contain-intrinsic-height は高さ、contain-intrinsic-block-size は改行方向のサイズ(通常は高さ)、contain-intrinsic-inline-size は1行の進む方向のサイズ(通常は幅)を指定します。contain-intrinsic-size に2つの値が指定された場合は1つ目が横幅、2つ目が高さになります。1つ指定された場合はその値が横幅、高さになります。
content-visibility を参照してください。