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属性的宽度和高度值。