stroke-opacity
Defines the transparency (alpha) of the border (stroke) of an SVG shape or text. A value of 0 is fully transparent, and 1 is fully opaque.
Quick example
text.outline {
stroke: blue;
/* Makes the outline of the text 30% transparent */
stroke-opacity: 0.3;
}Quick facts
Initial value
1Inherited
Yes
Applies to
a subset of SVG elements (shapes)
Animation type
byComputedValueType
Values
opacity stroke-opacity Browser Support
Widely available 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since .
Safe to use without fallbacks.
1+
1.5+
4+
15+