« SVG Attribute reference home
the stroke-opacity attribute specifies the opacity of the outline on the current object. Its default value is 1.
As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet
Usage context
| Categories | Presentation attribute |
|---|---|
| Value | <opacity-value> | inherit |
| Animatable | Yes |
| Normative document | SVG 1.1 (2nd Edition) |
- <opacity-value>
- The opacity of the painting operation used to outline the current object, as a number. Any values outside the range 0.0 (fully transparent) to 1.0 (fully opaque) will be clamped to this range.
Example
SVG
<svg width="120px" height="120px" viewBox="0 0 120 120"> <rect x="10" y="10" width="100" height="100"/> </svg>
CSS
rect{
fill:#b4da55;
stroke:#000;
stroke-width:10px;
stroke-opacity:0.3;
}
Result
Elements
The following elements can use the stroke-opacity attribute