stroke-width | CSS CSS Properties

Sets the thickness of the border (stroke) on SVG shapes or text. It can be defined in pixels, percentages, or other standard CSS units.

Usage example

circle.outer-ring {
  /* Sets a 4px thick border for the SVG circle */
  stroke-width: 4px;
}

Initial value

1px

Inherited

Yes

Applies to

limitedSVGElementsShapes

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.5+

15+