overflow
Атрибут overflow имеет те же значения, что определены для CSS-свойства overflow. Но имеют место также следующие дополнительные моменты:
- Атрибут
overflowприменяется к элементам, которые устанавливают новый порт просмотра (см. ниже), элементам<pattern>и<marker>(en-US), на все прочие элементы он не влияет. - Для элементов, к которым атрибут
overflowможет применяться, если он имеет значениеhiddenилиscroll, результатом будет создание нового пути обрезки прямоугольной формы. Это эквивалентно определению элемента<clipPath>(en-US), содержимое которого есть элемент<rect>, который определяет эквивалентный прямоугольник, и затем указанию <url> этого элемента<clipPath>(en-US) равным значению атрибутаclip-path (en-US)для данного элемента. - Если атрибут
overflowимеет значение, отличное отhiddenилиscroll, он не оказывает действия. - Внутри SVG-содержимого значение
autoэквивалентно значениюvisible. - Когда svg-элемент высшего уровня включён в HTML-код, если атрибут
overflowимеет значениеhiddenилиscroll, браузер установит первоначальный путь обрезки равным границам первоначального порта просмотра; иначе первоначальный порт просмотра задаётся соответственно CSS-правилам обрезки. - Когда svg-элемент высшего уровня автономен, атрибут
overflowна нём игнорируется в том, что касается отрисовки, а первоначальный путь обрезки устанавливается по границам первоначального порта просмотра. - Первоначальное значение
overflow, как определено в CSS, естьvisible, и это применяется также к корневому элементу<svg>; но для дочерних элементов SVG-документа браузерные стили SVG перекрывают это первоначальное значение и задают атрибутуoverflowэлементов, устанавливающих новый порт просмотра, элементовpatternиmarkerзначениеhidden.
Будучи презентационным этот атрибут может также быть использован как свойство прямо в CSS-стилях, подробнее см. CSS overflow.
Контекст использования
| Категории | Презентационный атрибут |
|---|---|
| Значение | visible | hidden | scroll | auto | inherit |
| Анимируемый | Да |
| Нормативный документ | SVG 1.1 (2nd Edition) |
Пример
Элементы
Следующие элементы могут использовать атрибут overflow