stop-opacity property
Sets or retrieves a value that defines the opacity of the current gradient stop.
![]() ![]() |
Syntax
stop-opacity: opacity-value | inherit
Property values
opacity-value-
The uniform opacity setting to be applied to the object, as a number. This value is a floating-point number between 0 and 1. Any values outside the range
0.0(fully transparent) to1.0(fully opaque) are limited to this range. inherit-
Indicates that the property takes the same computed value as the property for the element's parent.
CSS information
| Applies To | shapes and text content elements |
|---|---|
| Media | visual |
| Inherited | 1 |
| Initial Value | 1 |
Standards information
- Scalable Vector Graphics: Gradients and Patterns, Section 13.2.4
Remarks
As of Microsoft Edge, this presentation attribute is animatable with CSS Animations and CSS Transitions.
See also
- CSSStyleDeclaration
- currentStyle
- style
- SVGStopElement
- Reference
- fillOpacity
- floodOpacity
- strokeOpacity
- opacity
Show:

