形状盒 | shape-box
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) |
