CSS3 box-orient プロパティ
 完全な CSS3 リファレンス
例
Lay out the children of a div element horizontally:
div
{
width:350px;
height:100px;
border:1px solid black;
/* Firefox */
display:-moz-box;
-moz-box-orient:horizontal;
/* Safari and Chrome */
display:-webkit-box;
-webkit-box-orient:horizontal;
/* W3C */
display:box;
box-orient:horizontal;
} |
Try it yourself »
|
ブラウザ・サポート
box-orient プロパティをサポートしているブラウザはありません。
Firefox supports an alternative, the -moz-box-orient property.
Safari and Chrome support an alternative, the -webkit-box-orient property.
定義と用法
box-orient property specifies whether the children of a box should be
laid out horizontally or vertically.
チップ: Children within a horizontal box are
displayed from left to right, and children within a vertical box are
displayed top to bottom. However, the box-direction and
box-ordinal-group properties can
change this ordering.
| デフォルト値: |
inline-axis |
| 継承: |
no |
| バージョン: |
CSS3 |
| JavaScript構文: |
object.style.boxOrient="vertical" |
構文
| box-orient: horizontal|vertical|inline-axis|block-axis|inherit; |
| 値 |
説明 |
| horizontal |
Lay out children from left to right in a horizontal line |
| vertical |
Lay out children from top to bottom vertically |
| inline-axis |
Lay out children along the inline axis (map to horizontal) |
| block-axis |
Lay out children along the block axis (map to vertical) |
| inherit |
The value of the box-orient property should be inherited from the parent
element |
完全な CSS3 リファレンス
|