« SVG Attribute reference home
The visibility attribute lets you control the visibility of graphical elements. With a value of hidden or collapse the current graphics element is invisible.
Note: If the
visibility attribute is set to hidden on a <tspan>, <tref> or <altglyph> element, then the text is invisible but still takes up space in text layout calculations.Depending on the value of attribute pointer-events, graphics elements which have their visibility attribute set to hidden still might receive events.
As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet, see css visibility for further information.
Usage context
| Categories | Presentation attribute |
|---|---|
| Value | visible | hidden | collapse | inherit |
| Animatable | Yes |
| Normative document | SVG 1.1 (2nd Edition) |
Example
Elements
The following elements can use the visibility attribute
See also
- The
displayattribute css visibility