最新のWeb開発のチュートリアル
 

Style order Property

<スタイルオブジェクト

柔軟な項目の順序を設定します。

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:要素が可撓性アイテムでない場合は、順序プロパティは効果がありません。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

順序プロパティは、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


<スタイルオブジェクト