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.

We'd love to hear more about your role and the company you work for
Please help us by answering a few questions.

« Справочник 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

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