变换盒 | transform-box
这是一种实验技术
由于该技术的规格不稳定，请查看各种浏览器的兼容性表格以查阅用法。另外请注意，随着规范的变化，实验技术的语法和行为在未来版本的浏览器中可能会发生变化。
该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;Initial value | border-box |
|---|---|
Applies to | transformable elements |
Inherited | no |
Media | visual |
Computed value | as specified |
Animation type | discrete |
Canonical order | the unique non-ambiguous order defined by the formal grammar |
语法
可能值
形式语法
border-box | fill-box | view-box规范
Specification | Status | Comment |
|---|---|---|
CSS Transforms Level 1The definition of 'transform-box' in that specification. | Working Draft | Initial definition |
浏览器兼容性
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
Basic support | No support | 55.0 (55.0)1 | No support | No support | ? |
Feature | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
Basic support | ? | ? | 55.0 (55.0)1 | ? | ? | ? |
本文档系腾讯云开发者社区成员共同维护，如有问题请联系 cloudcommunity@tencent.com
