Repository navigation
CSS margin-trim property #1444
Description
Description
This property allows the container to trim the margins of its children where they adjoin the container’s edges. Values: none | block-start | block-end | block.
Specification
https://drafts.csswg.org/css-box-4/#margin-trim
web-feature
https://web-platform-dx.github.io/web-features-explorer/features/margin-trim/
Test Links
Additional Signals
Developer interest:
web-platform-dx/developer-signals#201
https://www.linkedin.com/posts/wesbos_css-is-getting-margin-trim-remove-margins-activity-7074760087575162880-hgqb
Mozilla:
mozilla/standards-positions#994
https://bugzilla.mozilla.org/show_bug.cgi?id=1506241
Chromium:
https://groups.google.com/a/chromium.org/g/blink-dev/c/lyhgVKUqkTI/m/KgcAyO1iDQAJ
https://issues.chromium.org/issues/40886857
Activity
github-actions commentedon Sep 22, 2026
This comment was automatically generated based on the information you provided. Please don't edit it.
Below is additional information about the web feature (from the web-features project) which is referenced in your proposal.
If this doesn't accurately correspond to your proposal, please update your initial comment to include
web-features: <feature-id>.To find feature IDs, use the web-features explorer.
Feature margin-trim
margin-trimCSS property removes the margins of child elements when they meet the edges of the container.margin-trimCSS propertybfgeek commentedon Sep 23, 2026
@colelao - Did the WPT tests get exported from the various webkit commits which updated the tests?
E.g.