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.

It is documented as part of the CSS Overflow specification.

/* Usage Example */
.clipped-box {
  overflow: clip;
  /* Content can bleed out by 10px before being cut */
  overflow-clip-margin: 10px;
}

/* Syntax */
overflow-clip-margin: length;

/* Global values */
overflow-clip-margin: inherit;
overflow-clip-margin: initial;
overflow-clip-margin: revert;
overflow-clip-margin: revert-layer;
overflow-clip-margin: unset;
Limited availability Since 2020 81% global usage

This feature is not Baseline because it does not work in some of the most widely-used browsers.

90+
102+
90+
Kinsta

Your first month is free

Managed WordPress hosting for faster sites.

Learn more

New CSS drops.

Join 600+ readers who've survived clearfix hacks.

ESC