margin-trim
The margin-trim property specifies how margins are trimmed.
Experimental โ This feature is experimental and may change
Formal Syntax
none | [ block || inline ] | [ block-start || inline-start || block-end || inline-end ]
JavaScript Access
// Access via element.style
element.style.marginTrim = 'none';
Browser Support
| Feature | Chrome | Firefox | Safari | Edge |
|---|---|---|---|---|
| margin-trim | โ | โ | 16.4 | โ |
| block | โ | โ | 16.4 | โ |
| block-end | โ | โ | 16.4 | โ |
| block-start | โ | โ | 16.4 | โ |
| inline | โ | โ | 16.4 | โ |
| inline-end | โ | โ | 16.4 | โ |
| inline-start | โ | โ | 16.4 | โ |
| none | โ | โ | 16.4 | โ |
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
- interpolate-size ๐งช
- 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 ๐ง