stroke-miterlimit
Works with 'stroke-linejoin: miter' to determine when the sharp points of a corner should be 'clipped' or flattened. If the point gets too long (beyond this limit), it automatically turns into a bevel join.
It is documented as part of the Scalable Vector Graphics specification.
Syntax
/* Usage Example */
path.sharp-corner {
stroke-linejoin: miter;
/* Prevents extremely long, 'stabby' corners from appearing on very sharp angles */
stroke-miterlimit: 10;
}
/* Global values */
stroke-miterlimit: inherit;
stroke-miterlimit: initial;
stroke-miterlimit: revert;
stroke-miterlimit: revert-layer;
stroke-miterlimit: unset;stroke-miterlimit 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.
1+
1.5+
4+
15+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more