JavaScript HTML DOM Style transformStyle 属性

  • transformStyle 属性

    transformStyle属性设置或返回嵌套元素在3D空间中的呈现方式。
    注意:此属性必须与transform属性一起使用。
    让变换后的子元素保留3D变换:
    document.getElementById("myDIV").style.transformStyle = "preserve-3d";
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    属性
    transformStyle
    11.0+
    36.0+
    16.0+
    不支持
    用 WebkittransformStyle
    23.0+
  • 语法

    返回transformStyle属性:
    object.style.transformStyle
    设置transformStyle属性:
    object.style.transformStyle = "flat|preserve-3d|initial|inherit"
  • 属性值

    描述
    flat 默认值。 子元素不会保留其3D位置
    preserve-3d 子元素将保留其3D位置
    initial 设置这个属性为默认值。 阅读有关initial信息
    inherit 从其父元素继承此属性。 阅读有关inherit的信息
  • 技术细节

    项目 描述
    默认值: flat
    返回值: 一个字符串,表示元素的transform-style属性
    CSS版本 CSS3
  • 相关页面