形状盒 | 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) |
本文档系腾讯云开发者社区成员共同维护,如有问题请联系 cloudcommunity@tencent.com

