CSS参考手册
形状 | Shapes
形状盒 | shape-box
shape-outside
可以使用<shape-box>
类型来指定形状,参考CSS Box模型中的有关边缘(edges
)的内容。
可能值
margin-box
定义由外边缘包围的形状。该形状的角部半径由相应的border-radius
和margin
值确定。如果border-radius
/ margin
为1或更大,则边距框角半径为border-radius
+ margin
。如果边界半径/边距的比率小于1,则边距框角半径为border-radius + (margin * (1 + (ratio-1)^3))
。
border-box
定义一个由边界的外边缘封闭形成的形状。 这个形状遵循正常的边界外部圆角的形成规则。
padding-box
定义一个由内边距的外边缘封闭形成的形状。这个形状遵循正常的边界内部圆角的形成规则。
content-box
定义一个由内容区域的外边缘封闭形成的形状。每一个角的弧度取 0
或 border-radius - border-width - padding
中的较大值。
实例
TODO
规范
Specification |
Status |
Comment |
---|---|---|
CSS Shapes Module Level 1The definition of '<shape-box>' in that specification. |
Candidate Recommendation |
Initial definition. |
浏览器兼容性
Feature |
Chrome |
Firefox (Gecko) |
Internet Explorer |
Opera |
Safari |
---|---|---|---|---|---|
Basic support |
(Yes) |
No support |
No support |
No support |
(Yes) |
\xx |
(Yes) |
No support |
No support |
No support |
(Yes) |
Feature |
Android |
Chrome for Android |
Firefox Mobile (Gecko) |
IE Mobile |
Opera Mobile |
Safari Mobile |
---|---|---|---|---|---|---|
Basic support |
(Yes) |
(Yes) |
No support |
No support |
No support |
(Yes) |
\xx |
(Yes) |
(Yes) |
No support |
No support |
No support |
(Yes) |
形状 | Shapes相关
层叠样式表( Cascading Style Sheets )是一种用来表现 HTML 或 XML 等文件样式的计算机语言。CSS 不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。