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.
Please help us by answering a few questions.
Атрибут 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) |