fill-opacity
The fill-opacity property specifies the opacity of an SVG fill.
Formal Syntax
<'opacity'>
JavaScript Access
// Access via element.style
element.style.fillOpacity = '1';
Browser Support
| Feature | Chrome | Firefox | Safari | Edge |
|---|---|---|---|---|
| fill-opacity | 1 | 1 | 4 | โค15 |
Related Properties
- cx
- cy
- d
- fill
- fill-rule
- marker
- marker-end
- marker-mid
- marker-start
- r
- rx
- ry
- shape-rendering
- stroke
- stroke-dasharray
- stroke-dashoffset
- stroke-linecap
- stroke-linejoin
- stroke-miterlimit
- stroke-opacity
- stroke-width
- vector-effect
- x
- y
- stroke-color ๐งช
- fill-break ๐ง
- fill-color ๐ง
- fill-image ๐ง
- fill-origin ๐ง
- fill-position ๐ง
- fill-repeat ๐ง
- fill-size ๐ง
- marker-side ๐ง
- stroke-align ๐ง
- stroke-alignment ๐ง
- stroke-break ๐ง
- stroke-dash-corner ๐ง
- stroke-dash-justify ๐ง
- stroke-dashadjust ๐ง
- stroke-dashcorner ๐ง
- stroke-image ๐ง
- stroke-origin ๐ง
- stroke-position ๐ง
- stroke-repeat ๐ง
- stroke-size ๐ง
- glyph-orientation-vertical ๐๏ธ