visibility

« 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

Document Tags and Contributors

 Contributors to this page: Jeremie, Sheppy
 Last updated by: Jeremie,