CSS stroke-opacity property


CSS stroke-opacity property determines the transparency of stroke object. The value of stroke-opacity varies from 0 to 1 i.e. [0-1]


stroke-opacity : value between 0 and 1

Property values

fully opaqueDefault

The stroke object (element) is fully opaque.

stroke-opacity: 1;

fully transparent

The stroke object is fully transparent.

stroke-opacity: 0;

partially transparency

It represents 50% transparency of the stoke object.

stroke-opacity: 0.5;

Applicable to

It applies to inline boxes and SVG shapes.

#CSS digger
Was this article helpful?