overflow

« SVG Attribute reference home

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

• Атрибут overflow применяется к элементам, которые устанавливают новый порт просмотра (см. ниже), элементам<pattern> и <marker>, на все прочие элементы он не влияет.
• Для элементов, к которым атрибут overflow может применяться, если он имеет значение hidden или scroll, результатом будет создание нового пути обрезки прямоугольной формы. Это эквивалентно определению элемента <clippath>, содержимое которого есть элемент <rect>, который определяет эквивалентный прямоугольник, и затем указанию <uri> этого элемента <clippath> равным значению атрибута clip-path для данного элемента.
• Если атрибут overflow имеет значение, отличное от hidden или scroll, он не оказывает действия.
• Внутри SVG-содержимого значение auto эквивалентно значению visible.
• Когда svg-элемент высшего уровня включён в HTML-код, если атрибут overflow имеет значение hidden или scroll, браузер установит первоначальный путь обрезки равным границам первоначального порта просмотра; иначе первоначальный порт просмотра задаётся соответственно CSS-правилам обрезки.
• Когда svg-элемент высшего уровня автономен, атрибут overflow на нём игнорируется в том, что касается отрисовки, а первоначальный путь обрезки устанавливается по границам первоначального порта просмотра.
• Первоначальное значение overflow, как определено вn CSS, есть visible, и это применяется также к корневому элементу <svg>; но для дочерних элементов SVG-документа браузерные стили SVG перекрывают это первоначальное значение и задают атрибуту overflow элементов, устанавливающих новый порт просмотра, элементов pattern и marker значение hidden.

Будучи презентационным этот атрибут может также быть использован как свойство прямо в CSS-стилях, подробнее см. css overflow.

Контекст использования

Пример

Элементы

Следующие элементы могут использовать атрибут overflow

• <svg>
• <symbol>
• <image>
• <foreignobject>
• <pattern>
• <marker>

См. также

• css overflow