enable-background property
Allocate a shared background image all graphic elements within a container.
This property is read/write.
  |
Syntax
enable-background: accumulate | new [
<x>
<y>
<width>
<height>
]? | inherit
Property values
accumulate-
If the ancestor container element has a property of new, then all graphics elements within the current container are rendered both on the parent's background image and onto the target.
new-
Create a new background image canvas. All children of the current container element can access the background, and they will be rendered onto both the parent's background image canvas in addition to the target device.
- x
-
The x-coordinate of the clipping rectangle.
- y
-
The y-coordinate of the clipping rectangle.
- width
-
The width of the clipping rectangle.
- height
-
The height of the clipping rectangle.
inherit-
Inherit property value from an ancestor.
CSS information
| Applies To | container elements |
|---|---|
| Media | visual |
| Inherited | no |
| Initial Value | accumulate |
Standards information
- Scalable Vector Graphics: Filter Effects, Section 15.6
Remarks
As of Microsoft Edge, this presentation attribute is animatable with CSS Animations and CSS Transitions.
The optional <x>,<y>,<width>,<height> parameters on the new value are numeric values that indicate the subregion of the container element's user space where access to the background image is allowed to happen. These parameters enable the SVG user agent potentially to allocate smaller temporary image buffers than the default values.
See also