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.

« Справочник SVG атрибутов

Атрибут 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

Смотрите также