• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • 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浏览器火狐浏览器opera浏览器chrome浏览器safari浏览器
    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属性的宽度和高度值。

    上篇:<transform-function>

    下篇:transform