interpolate-size
The interpolate-size property specifies how to interpolate size values.
Experimental โ This feature is experimental and may change
Formal Syntax
numeric-only | allow-keywords
JavaScript Access
// Access via element.style
element.style.interpolateSize = 'numeric-only';
Browser Support
| Feature | Chrome | Firefox | Safari | Edge |
|---|---|---|---|---|
| interpolate-size | 129 | โ | โ | 129 |
| allow-keywords | 129 | โ | โ | 129 |
| numeric-only | 129 | โ | โ | 129 |
Related Properties
- aspect-ratio
- block-size
- box-decoration-break
- box-sizing
- contain-intrinsic-block-size
- contain-intrinsic-height
- 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
- 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 ๐ง