stroke-opacity

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

<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

• Shape elements »
• Text content elements »

See also

• fill-opacity
• opacity