Web platform features explorer

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

Status

Limited availability

MDN documentation

margin-trim

Specifications

CSS Box Model Module Level 4 (#margin-trim), from Cascading Style Sheets (CSS) Working Group (W3C).

Browser support

Chrome ❌ See issues.chromium.org/issues/40886857 crbug.com/40886857
Chrome Android ❌ See crbug.com/40886857
Edge ❌ See crbug.com/40886857
Firefox ❌ See bugzil.la/1506241 Vendor position : positive
Firefox for Android ❌ See bugzil.la/1506241 Vendor position : positive
Safari 16.4 Released on 2023-03-27
Safari on iOS 16.4 Released on 2023-03-27

Web Platform Tests (WPT)

View the latest WPT test results for this feature

Developer votes

👍
15

Do you need this feature?
Let us know by leaving a 👍 reaction on the feedback issue. Don't forget to also leave a comment explaining your specific use case.

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist