stroke-width
Sets the thickness of the border (stroke) on SVG shapes or text. It can be defined in pixels, percentages, or other standard CSS units.
Quick example
circle.outer-ring {
/* Sets a 4px thick border for the SVG circle */
stroke-width: 4px;
}Quick facts
Initial value
1pxInherited
Yes
Applies to
a subset of SVG elements (shapes)
Animation type
byComputedValueType
stroke-width 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+