fill-opacity property
Sets or retrieves a value that specifies the opacity of the painting operation that is used to paint the interior of the current object.
![]() ![]() |
Syntax
fill-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
Remarks
As of Microsoft Edge, this presentation attribute is animatable with CSS Animations and CSS Transitions.
See also
- CSSStyleDeclaration
- currentStyle
- style
- SVGCircleElement
- SVGEllipseElement
- SVGLineElement
- SVGPathElement
- SVGPolygonElement
- SVGPolylineElement
- SVGRectElement
- SVGTextElement
- SVGTextPathElement
- SVGTSpanElement
- opacity
- stopOpacity
- strokeOpacity
Show:

