CSS3ボックス、配向プロパティ
例
横方向に配置された指定されたdiv要素の子要素:
div要素
{
幅:350px;
高さ:100pxに。
国境:1pxの黒一色。
/ * Firefoxの* /
表示:-moz-ボックス。
-moz-ボックス配向:水平;
/ *サファリ、オペラ、とChrome * /
表示:-webkit-ボックス。
-webkit-ボックス配向:水平;
/ * W3C * /
表示:ボックス。
ボックス・オリエント:水平;
}
{
幅:350px;
高さ:100pxに。
国境:1pxの黒一色。
/ * Firefoxの* /
表示:-moz-ボックス。
-moz-ボックス配向:水平;
/ *サファリ、オペラ、とChrome * /
表示:-webkit-ボックス。
-webkit-ボックス配向:水平;
/ * W3C * /
表示:ボックス。
ボックス・オリエント:水平;
}
»をお試しください
ブラウザのサポート
現在では、すべての主要なブラウザは、箱東洋プロパティをサポートしていません。
MOZ-ボックス配向サポート - 私有財産によってFirefoxの。
私有財産-webkit-ボックス・オリエントサポートを通じてサファリ、オペラ、とChrome。
属性の定義と指示
ボックス・オリエントプロパティは、ボックスは水平方向または垂直方向に子要素でなければならないかどうかを指定します。
ヒント:左から右への水平方向のサブ要素でボックスが表示され、ボックスは上から下に縦に表示しました。しかし、 ボックス方向の向きであってもよい箱序グループこの順序を変更するプロパティ。
デフォルト: | インライン軸 |
---|---|
継承: | いいえ |
バージョン: | CSS3 |
JavaScriptシンタックス: | オブジェクト.style.boxOrient = "垂直" |
文法
ボックス・オリエント:水平|縦|インライン軸|ブロック軸|継承。
値 | 説明 |
---|---|
水平の | 指定されたサブエレメントは、左から右への水平線に配置されています |
垂直 | 上からのサブ要素の垂直配置の下へ |
インライン軸 | 軸に沿ってインライン子要素(ランドスケープにマッピングされました) |
ブロック軸 | 軸に沿ったサブブロック要素(垂直にマッピングされました) |
受け継ぎます | 値ボックス・オリエントプロパティは親要素から継承する必要があります |