例
重新排列內的柔性物品的方向<div>元素：
document.getElementById("main").style.flexDirection = "column-reverse"; 試一試» 定義和用法
該flexDirection屬性設置或返回的靈活的項目的方向。
Note:如果元素不是一個靈活的項目，該flexDirection屬性沒有任何效果。
瀏覽器支持
該flexDirection屬性在IE10 +，Firefox，歌劇，和Chrome支持。
注：Safari瀏覽器6.1以上支持的替代方案，WebkitFlexDirection財產。
句法
返回flexDirection屬性：
object .style.flexDirection設置flexDirection屬性：
object .style.flexDirection="row|row-reverse|column|column-reverse|initial|inherit"
屬性值
| 值 | 描述 |
|---|---|
| row | 默認值。 靈活的項目以水平方式顯示，作為行 |
| row-reverse | 同列，但以相反的順序 |
| column | 柔性物品被垂直顯示，作為柱 |
| column-reverse | 同列，但以相反的順序 |
| initial | 將此屬性設置為默認值。 閱讀關於初始 |
| inherit | 繼承其父元素此屬性。 閱讀關於繼承 |
技術細節
| 默認值： | 行 |
|---|---|
| 返回值： | 一個字符串，表示元件的彎曲方向屬性 |
| CSS版本 | CSS3 |
相關頁面
CSS參考： flex-direction property
HTML DOM樣式的引用： flex property
HTML DOM樣式的引用： flexBasis property
HTML DOM樣式的引用： flexFlow property
HTML DOM樣式的引用： flexGrow property
HTML DOM樣式的引用： flexShrink property
HTML DOM樣式的引用： flexWrap property
<Style對象