例
柔軟な項目の順序を設定します。
document.getElementById("myRedDIV").style.order = "4";
document.getElementById("myBlueDIV").style.order = "3";
document.getElementById("myGreenDIV").style.order = "1";
document.getElementById("myPinkDIV").style.order = "2";
»それを自分で試してみてください 定義と使用法
順序プロパティは、同じ容器内のフレキシブルアイテムの残りの部分に柔軟アイテムの相対的な順序を指定します。
Note:要素が可撓性アイテムでない場合は、順序プロパティは効果がありません。
ブラウザのサポート
順序プロパティは、Firefox、オペラ座、Chromeでサポートされています。
構文
順序プロパティを返します:
object .style.order
順序プロパティを設定します。
object .style.order=" プロパティ値 値 説明 number デフォルト値0は、フレキシブル項目の順序を指定します initial このプロパティがデフォルト値に設定します。 最初の記事を読みます inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます
技術的な詳細
デフォルト値: 0 戻り値: 要素の順序性を表す文字列、 CSSのバージョン CSS3
関連ページ
CSSリファレンス: order property
HTML DOM STYLE参考: alignContent property
HTML DOMのスタイル参照: alignItems property
HTML DOM STYLE参考: alignSelf property
HTML DOM STYLE参考: flex property
HTML DOMのスタイル参照: flexBasis property
HTML DOM STYLE参考: flexDirection property
HTML DOM STYLE参考: flexFlow property
HTML DOMのスタイル参照: flexGrow property
HTML DOMのスタイル参照: flexShrink property
HTML DOMのスタイル参照: flexWrap property
<スタイルオブジェクト