overflow
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since июль 2015 г..
Атрибут overflow имеет те же значения, что определены для CSS-свойства overflow. Но имеют место также следующие дополнительные моменты:
- Атрибут
overflowприменяется к элементам, которые устанавливают новый порт просмотра (см. ниже), элементам<pattern>и<marker>, на все прочие элементы он не влияет. - Для элементов, к которым атрибут
overflowможет применяться, если он имеет значениеhiddenилиscroll, результатом будет создание нового пути обрезки прямоугольной формы. Это эквивалентно определению элемента<clipPath>, содержимое которого есть элемент<rect>, который определяет эквивалентный прямоугольник, и затем указанию <url> этого элемента<clipPath>равным значению атрибутаclip-pathдля данного элемента. - Если атрибут
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