overflow-clip-margin
Works with 'overflow: clip' to allow content to extend slightly beyond the element's box before it is cut off. It's like a 'safe zone' for clipped content.
Quick example
.clipped-box {
overflow: clip;
/* Content can bleed out by 10px before being cut */
overflow-clip-margin: 10px;
}Quick facts
Initial value
0pxInherited
No
Applies to
all elements
Animation type
discrete
Values
length overflow-clip-margin Browser Support
Limited availability 81% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Not ready for production without a fallback.
90+
102+
90+