在线文档教程
SVG
属性 | Attributes

overflow

overflow

overflow属性具有与为其定义的相同的参数值css overflow property。但是,以下附加要点适用:

  • 该overflow属性仅适用于建立新视口(见下文),<pattern>元素和<marker>元素的元素。对于所有其他元素,该属性不起作用。

  • 对于overflow属性可以应用的元素,如果该overflow属性具有该值,hidden或者scroll效果是创建矩形形状的新剪切路径。结果相当于定义一个<clipPath>元素,其内容是<rect>定义等效矩形的元素,然后在给定元素<clipPath>的clip-path属性上指定该元素的<uri> 。

  • 如果该overflow属性的值不是hiddenor scroll,则该属性不起作用。

  • 在SVG内容中,该值auto等于该值visible

  • 当最外面的SVG元素内HTML嵌入内联,如果该overflow属性具有值hiddenscroll,则浏览器将建立一个初始剪切路径等于初始视口的范围; 否则,根据CSS剪裁规则设置初始剪裁路径。

  • 当最外层的svg元素是独立的时候,overflow为了可视化渲染的目的,最外面的svg元素的属性被忽略,并且初始的剪贴路径被设置为初始视口的边界。

  • overflow在CSS中定义的初始值是visible,这也适用于根<svg>元素; 然而,对于SVG文档的子元素,SVG的浏览器样式表会覆盖这个初始值,并overflow在建立新视口,“模式”元素和“标记”元素的元素上设置属性值hidden。

作为一个表现属性,它也可以作为一个属性直接在一个CSS样式表,请参阅css overflow进一步的信息。

用法说明

分类呈现属性
可见| 隐藏| 滚动| 自动| 继承
动画
规范性文件SVG 1.1(第二版)

例子

元素

以下元素可以使用该overflow属性

  • <svg>

  • <symbol>

  • <image>

  • <foreignObject>

  • <pattern>

  • <marker>