CSS3 box-direction プロパティ
 完全な CSS3 リファレンス
例
Display the children of a div box from right to left:
div
{
width:350px;
height:100px;
border:1px solid black;
/* Firefox */
display:-moz-box;
-moz-box-direction:reverse;
/* Safari and Chrome */
display:-webkit-box;
-webkit-box-direction:reverse;
/* W3C */
display:box;
box-direction:reverse;
} |
Try it yourself »
|
ブラウザ・サポート
box-direction プロパティをサポートしているブラウザはありません。
Firefox supports an alternative, the -moz-box-direction property.
Safari and Chrome support an alternative, the -webkit-box-direction property.
定義と用法
box-direction property specifies in which direction the children of a box
are displayed.
| デフォルト値: |
normal |
| 継承: |
no |
| バージョン: |
CSS3 |
| JavaScript構文: |
object.style.boxDirection="reverse" |
構文
| box-direction: normal|reverse|inherit; |
| 値 |
説明 |
| normal |
Display children in horizontally boxes from left to right,
and children in vertically boxes from top to bottom |
| reverse |
Display children in horizontally boxes from right to left,
and children in vertically boxes from bottom to top |
| inherit |
The value of the box-direction property should be inherited from the parent
element |
完全な CSS3 リファレンス
|