| 項 目 | 説 明 |
|---|---|
| 記述形式 | セレクタ {box-orient: 値 } |
| 値 の形式 | horizontal,vertical,inline-axis,block-axis,inherit |
| 初 期 値 | inline-axis |
| 対応ブラウザー | C?+ / e?+ / N?+ / Fx?+ / Op?+ / Ch?+ / Sa?+ |
| 適用可能な要素 | ボックス要素 |
| 継 承 | しない |
box-orientプロパティ は,ボックス内の子要素の配置方向 を指定します。
指定できる値の形式は,以下のとおりです。
| 値 | 説 明 |
|---|---|
| horizontal | ボックス内の子要素を左から右へ水平に並べます。 |
| vertical | ボックス内の子要素を上から下へ垂直に並べます。 |
| inline-axis | ボックス内の子要素をインライン軸に沿って並べます。 |
| block-axis | ボックス内の子要素をブロック軸に沿って並べます。 |
| inherit | 親要素の指定を継承します。 |
box-orientプロパティ は,CSS Flexible Box Layout Moduleワーキンググループ の策定作業初期の 2009年7月23日の草稿には 記載がありますが, 2012年9月18日の勧告候補には見当たりません。
この「Flexible Box Layout Module」の規格は策定途中において大幅な変更が行われており,box-orient は, flex-direction プロパティに代替される形で廃止になったようです。
box-orient プロパティ は,廃止されました。 flex-direction プロパティで代替できます。