overflow
overflow
该overflow
属性具有与为其定义的相同的参数值css overflow property
。但是,以下附加要点适用:
- 该overflow属性仅适用于建立新视口(见下文),<pattern>元素和<marker>元素的元素。对于所有其他元素,该属性不起作用。
- 对于overflow属性可以应用的元素,如果该overflow属性具有该值,hidden或者scroll效果是创建矩形形状的新剪切路径。结果相当于定义一个<clipPath>元素,其内容是<rect>定义等效矩形的元素,然后在给定元素<clipPath>的clip-path属性上指定该元素的<uri> 。
- 如果该
overflow
属性的值不是hidden
orscroll
,则该属性不起作用。
- 在SVG内容中,该值
auto
等于该值visible
。
- 当最外面的SVG元素内HTML嵌入内联,如果该
overflow
属性具有值hidden
或scroll
,则浏览器将建立一个初始剪切路径等于初始视口的范围; 否则,根据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>