shape-margin
Sets a margin for a shape created with 'shape-outside'. It adds a buffer of empty space between the custom shape and the text wrapping around it.
It is documented as part of the CSS Shapes specification.
Syntax
/* Usage Example */
.circle-wrap {
float: left;
shape-outside: circle(50%);
/* Pushes the text 20px away from the curve of the circle */
shape-margin: 20px;
}
/* Global values */
shape-margin: inherit;
shape-margin: initial;
shape-margin: revert;
shape-margin: revert-layer;
shape-margin: unset;
shape-margin Browser support
Widely available
Since
2020 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2020.
37+
62+
10.1+
79+