stroke-color | CSS CSS Properties

An experimental property (mainly supported in Safari) that allows you to set the color of an SVG path or text stroke using standard CSS color values.

Usage example

.map-boundary {
  /* Sets the border (stroke) color of an SVG shape */
  stroke-color: var(--brand-primary);
}

Initial value

transparent

Inherited

Yes

Applies to

textAndSVGShapes

Animation type

byComputedValue

stroke-color Browser Support

Widely available Since 2020 14% 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.

11.1+