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.
Quick example
path.sharp-corner {
stroke-linejoin: miter;
/* Prevents extremely long, 'stabby' corners from appearing on very sharp angles */
stroke-miterlimit: 10;
}Quick facts
Initial value
4Inherited
Yes
Applies to
a subset of SVG elements (shapes)
Animation type
byComputedValueType
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.
Safe to use without fallbacks.
1+
1.5+
4+
15+