CSS3: box-orient プロパティ - ボックス内の子要素の配置方向 (廃止)

■ 概要

項  目説  明
記述形式 セレクタ {box-orient: }
値 の形式 horizontalverticalinline-axisblock-axisinherit
初 期 値 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 プロパティの利用)

box-orient プロパティ は,廃止されました。 flex-direction プロパティで代替できます。

■ 備考