在线文档教程
CSS

<形状> | <shape>

<shape>

弃用

该功能已从Web标准中删除。尽管一些浏览器可能仍然支持,但它正在被丢弃。避免使用它并尽可能更新现有的代码; 请参阅本页面底部的兼容性表格来指导您的决定。请注意,此功能可能随时停止工作。

<shape> CSS数据类型定义的区域的具体形式(形状)。该区域确定给定属性所clip应用的元素的一部分。

此数据类型已被弃用,以支持<basic-shape>。

语法

A <shape>用该rect()函数定义。的rect()函数表示法中的矩形的形式产生的区域。

rect()

rect(top, right, bottom, left)

_top_是<length>表示矩形顶部相对于元素框顶部边界<length>的偏移量.

插值

<shape>为了允许动画,可以内插矩形的CSS数据类型的值。在这种情况下,它们插在他们的top,right,bottom,和left组件,每个组件当作一个真正的浮点数。内插的速度由与动画相关的定时功能决定。

例子

img.clip04 { clip: rect(10px, 20px, 20px, 10px }

规范

SpecificationStatusComment
CSS Level 2 (Revision 1)The definition of '<shape>' in that specification.RecommendationDefined with the clip property.

Browser compatibility

FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support1.01.0 (1.7 or earlier)5.519.51.3

FeatureAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support?????