overflow

Базовая функциональность Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и в разных версиях браузеров. Она доступна во всех браузерах с ⁨июля 2015⁩ года.

Атрибут overflow задаёт поведение элемента, если его содержимое слишком велико и не помещается в контекст блочного форматирования. Эта функция пока реализована не во всех браузерах.

Этот атрибут принимает те же значения и имеет то же значение, что и свойство CSS overflow, однако применяются следующие дополнительные условия:

Если его значение — visible, атрибут не действует (то есть область отсечения не создаётся).
Если свойство overflow имеет значение hidden или scroll, применяется область отсечения размером точно с область просмотра SVG.
Если scroll задан для элемента <svg>, для области просмотра SVG обычно отображается полоса прокрутки или панорамирования вне зависимости от того, обрезано ли какое-либо её содержимое.
В содержимом SVG значение auto означает, что всё отрисованное содержимое дочерних элементов должно быть видимым — либо с помощью механизма прокрутки, либо без обрезки.

Примечание: Хотя начальное значение overflow — auto, в таблице стилей пользовательского агента для элемента <svg>, если он не является корневым элементом автономного документа, а также для элементов <pattern> и <marker> оно переопределяется, чтобы по умолчанию скрывать содержимое.

Примечание: У overflow как у атрибута представления есть соответствующее свойство CSS: overflow. Если заданы оба варианта, приоритет имеет свойство CSS.

Этот атрибут можно использовать со следующими элементами SVG:

Пример

<svg viewBox="0 0 200 30" xmlns="http://www.w3.org/2000/svg" overflow="auto">
  <text y="20">
    This text is wider than the SVG, so there should be a scrollbar shown.
  </text>
</svg>

Примечания по использованию

Значение	`visible` \| `hidden` \| `scroll` \| `auto`
Значение по умолчанию	`visible`
Анимируемое	Да

Описание значений см. в документации к свойству CSS overflow.

Спецификации

Спецификация
Модуль CSS Overflow, уровень 3> # propdef-overflow>
Масштабируемая векторная графика (SVG) 2> # OverflowAndClipProperties>

Совместимость с браузерами

	Компьютер					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome для Android	Firefox для Android	Opera для Android	Safari для iOS	Samsung Internet	WebView для Android	WebView для iOS
`overflow`	1	12	1	7	1	18	4	14	1	1.0	4.4	1

См. также

Свойство CSS overflow

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/overflow