首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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>

扫码关注腾讯云开发者

领取腾讯云代金券

http://www.vxiaotou.com