overflow attribute sets what to do when an element's content is too big to fit in its block formatting context. This feature is not widely implemented yet.
This attribute has the same parameter values and meaning as the
CSS overflow property, however, the following additional points apply:
- If it has a value of
visible, the attribute has no effect (i.e., a clipping rectangle is not created).
- If the
overflowproperty has the value
scroll, a clip of the exact size of the SVG viewport is applied.
scrollis specified on an
<svg>element, a scrollbar or panner is normally shown for the SVG viewport whether or not any of its content is clipped.
- Within SVG content, the value
autoimplies that all rendered content for child elements must be visible, either through a scrolling mechanism, or by rendering with no clip.
Note: Although the initial value for overflow is
auto, it is overwritten in the User Agent style sheet for the
<svg> element when it is not the root element of a stand-alone document, the
<pattern> element, and the
<marker> element to be hidden by default.
Note: As a presentation attribute,
overflow can be used as a CSS property. See the CSS
overflow property for more information.
You can use this attribute with the following SVG elements:
<svg viewBox="0 0 200 30" xmlns="http://www.w3.org/2000/svg" overflow="auto"> <text y="20"> This text is wider than the SVG, so there should be a scrollbar shown. </text> </svg>
For a description of the values, please see the
CSS overflow property.
|Scalable Vector Graphics (SVG) 2 |
BCD tables only load in the browser