transform-box
Experimental: 这是一个实验中的功能
此功能某些浏览器尚在开发中,请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订,所以在未来版本的浏览器中该功能的语法和行为可能随之改变。
概述
**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;
transform-box
属性被指定为以下所列出的关键字值之一。
值
border-box
-
border box 是用作引用框,一个表格(table)的 border-box 是 table 包装盒的边框,而不是表的边框。
fill-box
-
Uses the object bounding box as reference box.
view-box
-
Uses the nearest SVG viewport as reference box. If a
viewBox
attribute is specified for the SVG viewport creating element, the reference box is positioned at the origin of the coordinate system established by theviewBox
attribute and the dimension of the reference box is set to the width and height values of theviewBox
attribute.
Formal syntax
Specifications
Specification |
---|
CSS Transforms Module Level 1 # transform-box |
Browser compatibility
BCD tables only load in the browser