transform-box

版本： CSS3

transform-box属性定义了与 transform、transform-origin 这两个属性有关联的布局框。

示例

/* Keyword values */
transform-box: border-box;
transform-box: fill-box;
transform-box: view-box;

/* Global values */
transform-box: inherit;
transform-box: initial;
transform-box: unset;

浏览器支持

IE、chrome浏览器不支持 transform-box ，浏览器都支持 transform-box

语法

transform-box : border-box | fill-box | view-box

• border-box ：border box是用作引用框，一个表格（table）的border-box是table包装盒的边框，而不是表的边框。
• fill-box ：使用对象边界框作为参考框。
• view-box ：使用最近的SVG视口作为参考框。如果为SVG视口创建元素指定了viewBox属性，则参照框将定位在由viewBox属性建立的坐标系的原点处，并且参照框的尺寸设置为viewBox属性的宽度和高度值。