overflow
Атрибут overflow задаёт, что делать, когда содержимое элемента слишком велико, чтобы поместиться в его контексте форматирования блока. Эта функция пока не широко реализована.
Этот атрибут имеет те же значения параметров и смысл, что и свойство CSS overflow, однако применимы следующие дополнительные пункты:
- Если у него есть значение
visible, атрибут не оказывает никакого эффекта (то есть прямоугольник обрезки не создаётся). - Если свойство
overflowимеет значениеhiddenилиscroll, применяется обрезка размера точно соответствующего SVG-видоискателю. - Когда
scrollзадано для элемента<svg>, полоса прокрутки или панель перемещения обычно отображаются для SVG-видоискателя, независимо от того, обрезается ли часть его содержимого. - Внутри SVG-содержимого значение
autoподразумевает, что всё отрисованное содержимое дочерних элементов должно быть видимым, либо через механизм прокрутки, либо путём отрисовки без обрезки.
Примечание: Хотя начальное значение для overflow равно auto, оно перезаписывается в таблице стилей пользователя для элемента <svg>, когда он не является корневым элементом автономного документа, элемента <pattern> и элемента <marker>, чтобы по умолчанию быть скрытым.
Примечание: В качестве презентационного атрибута overflow может использоваться как свойство CSS. Подробнее см. свойство CSS overflow.
Этот атрибут можно использовать со следующими 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.
Спецификации
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| 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 |
См. также
© 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