DevShelf

Appearance

transform-box ​

描述 ​

transform-box CSS 属性定义 transform 、各个变换属性 translate 、 scale 和 rotate 属性相关。

效果展示 ​

语法 ​

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

值 ​

  • content-box 内容框用作参考框。 <table> 的引用框是其表格包装框的边框框，而不是其表格框。
  • border-box 边框框用作参考框。 <table> 的引用框是其表格包装框的边框框，而不是其表格框。
  • fill-box 对象边界框用作参考框。对于具有关联 CSS 布局框的元素，充当 content-box 。
  • stroke-box 笔划边界框用作参考框。对于具有关联 CSS 布局框的元素，充当 border-box 。
  • view-box 最近的 SVG 视口用作参考框。如果为 SVG 视口创建元素指定了 viewBox 属性，则参考框位于由 viewBox 属性建立的坐标系的原点，并且参考框的尺寸设置为 viewBox 属性的宽度和高度值。对于具有关联 CSS 布局框的元素，充当 border-box 。