例
内部可撓性アイテムの方向再配置<div>要素を：
document.getElementById("main").style.flexDirection = "column-reverse"; »それを自分で試してみてください 定義と使用法
flexDirectionプロパティセットまたは可撓性アイテムの方向を返します。
Note:要素が可撓性の項目ではない場合、flexDirectionプロパティは効果がありません。
ブラウザのサポート
flexDirectionプロパティは、IE10 +、Firefoxの、オペラ座、Chromeでサポートされています。
注意：Safariは6.1以降の代替、WebkitFlexDirectionプロパティをサポートしています。
構文
flexDirectionプロパティを返します：
object .style.flexDirectionflexDirectionプロパティを設定します。
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 STYLE参考： flex property
HTML DOMのスタイル参照： flexBasis property
HTML DOM STYLE参考： flexFlow property
HTML DOMのスタイル参照： flexGrow property
HTML DOMのスタイル参照： flexShrink property
HTML DOMのスタイル参照： flexWrap property
<スタイルオブジェクト