# CSS3 box-direction 属性 ## 实例 以反方向显示 div 框的子元素： ``` div { width:350px; height:100px; border:1px solid black; /* Firefox */ display:-moz-box; -moz-box-direction:reverse; /* Safari、Opera 以及 Chrome */ display:-webkit-box; -webkit-box-direction:reverse; /* W3C */ display:box; box-direction:reverse; } ``` ## 浏览器支持 目前没有浏览器支持 box-direction 属性。 Firefox 支持替代的 -moz-box-direction 属性。 Safari、Opera 以及 Chrome 支持替代的 -webkit-box-direction 属性。 ## 定义和用法 box-direction 属性规定框元素的子元素以什么方向来排列。 | 默认值： | normal | | --- | --- | | 继承性： | no | | --- | --- | | 版本： | CSS3 | | --- | --- | | JavaScript 语法： | _object_.style.boxDirection="reverse" | | --- | --- | ## 语法 ``` box-direction: normal|reverse|inherit; ``` | 值 | 描述 | 测试 | | --- | --- | --- | | normal | 以默认方向显示子元素。 | [测试](/tiy/c.asp?f=css_box-direction) | | reverse | 以反方向显示子元素。 | [测试](/tiy/c.asp?f=css_box-direction&p=2) | | inherit | 应该从子元素继承 box-direction 属性的值 |