Наши волонтёры ещё не перевели данную статью на Русский. Присоединяйтесь к нам и помогите закончить эту работу!
« 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