Spec-Zone.ru › SVG

overflow

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

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

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

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

Примечание: В качестве презентационного атрибута overflow может использоваться как свойство CSS. Подробнее см. свойство CSS overflow.

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

  • <foreignObject>
  • <image>
  • <marker>
  • <pattern>
  • <symbol>
  • <svg>
  • <text>

Пример

html
<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.

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

Спецификация
Scalable Vector Graphics (SVG) 2
# OverflowAndClipProperties

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

Рабочие столы Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome Android Firefox for Android Opera Android Safari на IOS Samsung Internet WebView Android
overflow 1 12 1 7 1 18 4 14 1 1.0 4.4

См. также

  • overflow

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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API