stroke-opacity

« 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

See also

Document Tags and Contributors

 Contributors to this page: Jeremie, asmedrano
 Last updated by: Jeremie,