CSSの順序プロパティ
例
弾性ボックスオブジェクト要素の順序：
div#myRedDIV {order:2;}
div#myBlueDIV {order:4;}
div#myGreenDIV {order:3;}
div#myPinkDIV {order:1;}
div#myBlueDIV {order:4;}
div#myGreenDIV {order:3;}
div#myPinkDIV {order:1;}
»をお試しください
ブラウザのサポート
表中の数字は、プロパティバージョン番号をサポートする最初のブラウザを表します。
すぐにprefixプロパティをサポートする最初のバージョンの後にデジタル-webkit-、-ms-または-moz-を以下に示します。
| プロパティ | |||||
|---|---|---|---|---|---|
| オーダー | 29.0 21.0 -webkit- | 11.0 | 28.0 18.0 -moz- | 9.0 6.1 -webkit- | 17.0 |
定義と使用法
シーケンス順序プロパティセットまたはの柔軟なポーチモデルオブジェクトのサブ要素を取得します。 。
注意：要素が弾性要素ボックスオブジェクトでない場合、順序プロパティが動作しません。
| デフォルト： | 0 |
|---|---|
| 継承： | いいえ |
| アニメーション化することができます。 | はい、個々の属性を参照してください。参照してくださいアニメーションに（アニメーション） 。 試します |
| バージョン： | CSS3 |
| JavaScriptシンタックス： | = "2" .style.orderオブジェクトしようとします |
CSSの構文
order:number|initial|inherit;
プロパティ値
| 值 | 描述 |
|---|---|
| number | 默认值是 0。规定灵活项目的顺序。 |
| initial | 设置该属性为它的默认值。请参阅 initial 。 |
| inherit | 从父元素继承该属性。请参阅 inherit 。 |
関連記事
CSSリファレンス： Flexプロパティ
CSSリファレンスマニュアル： フレックス基本プロパティ
CSSリファレンスマニュアル： フレックスdirectionプロパティ
CSSリファレンスマニュアル： フレックスフローのプロパティ
CSSリファレンスマニュアル： フレックス成長プロパティ
CSSリファレンスマニュアル： フレックスシュリンクプロパティ
CSSリファレンスマニュアル： フレックスラッププロパティ
CSSリファレンス： ALIGN =左、コンテンツの属性
CSSリファレンス： ALIGN =左属性項目を見ます
CSSリファレンス： ALIGN =左セルフ特性
