overflow
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Атрибут 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) |