contain-intrinsic-height
The contain-intrinsic-height property specifies the intrinsic height for containment.
Formal Syntax
[ auto | from-element ]? [ none | <length [0,โ]> ]
JavaScript Access
// Access via element.style
element.style.containIntrinsicHeight = 'none';
Logical Property Group
This property belongs to the contain-intrinsic-size logical property group, which includes:
- contain-intrinsic-block-size
- contain-intrinsic-height (current property)
- contain-intrinsic-inline-size
- contain-intrinsic-width
Browser Support
| Feature | Chrome | Firefox | Safari | Edge |
|---|---|---|---|---|
| contain-intrinsic-height | 95 | 107 | 17 | 95 |
| none | 98 | 107 | 17 | 98 |
Related Properties
- aspect-ratio
- block-size
- box-decoration-break
- box-sizing
- contain-intrinsic-block-size
- contain-intrinsic-inline-size
- contain-intrinsic-size
- contain-intrinsic-width
- dynamic-range-limit
- height
- inline-size
- margin
- margin-block
- margin-block-end
- margin-block-start
- margin-bottom
- margin-inline
- margin-inline-end
- margin-inline-start
- margin-left
- margin-right
- margin-top
- max-block-size
- max-height
- max-inline-size
- max-width
- min-block-size
- min-height
- min-inline-size
- min-width
- overflow-clip-margin
- padding
- padding-block
- padding-block-end
- padding-block-start
- padding-bottom
- padding-inline
- padding-inline-end
- padding-inline-start
- padding-left
- padding-right
- padding-top
- width
- interpolate-size ๐งช
- margin-trim ๐งช
- margin-break ๐ง
- max-lines ๐ง
- min-intrinsic-sizing ๐ง
- overflow-clip-margin-block ๐ง
- overflow-clip-margin-block-end ๐ง
- overflow-clip-margin-block-start ๐ง
- overflow-clip-margin-bottom ๐ง
- overflow-clip-margin-inline ๐ง
- overflow-clip-margin-inline-end ๐ง
- overflow-clip-margin-inline-start ๐ง
- overflow-clip-margin-left ๐ง
- overflow-clip-margin-right ๐ง
- overflow-clip-margin-top ๐ง