# 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 屬性的值 |