The margin-trim CSS property removes the margins of child elements when they meet the edges of the container.

Compatibility

• Chrome ❌ See crbug.com/40886857
• Chrome Android ❌ See crbug.com/40886857
• Edge ❌ See crbug.com/40886857
• Firefox ❌ See bugzil.la/1506241
• Firefox for Android ❌ See bugzil.la/1506241
• Safari 16.4 Released on 2023-03-27
• Safari on iOS 16.4 Released on 2023-03-27

BCD data

• css.properties.margin-trim
• css.properties.margin-trim.block
• css.properties.margin-trim.block-end
• css.properties.margin-trim.block-start
• css.properties.margin-trim.inline
• css.properties.margin-trim.inline-end
• css.properties.margin-trim.inline-start
• css.properties.margin-trim.none