Styl objednávky Vlastnost
Příklad
Nastavte pořadí flexibilních položek:
document.getElementById("myRedDIV").style.order = "4";
document.getElementById("myBlueDIV").style.order = "3";
document.getElementById("myGreenDIV").style.order = "1";
document.getElementById("myPinkDIV").style.order = "2";
Definice a použití
Vlastnost order určuje pořadí flexibilní položky vzhledem ke zbytku flexibilních položek uvnitř stejného kontejneru.
Poznámka: Pokud prvek není flexibilní položka, vlastnost objednávky nemá žádný vliv.
Podpora prohlížeče
Property | |||||
---|---|---|---|---|---|
order | Yes | 12.0 | Yes | Yes | Yes |
Syntax
Vraťte vlastnost objednávky:
object.style.order
Nastavte vlastnost objednávky:
object.style.order = "number|initial|inherit"
Hodnoty vlastností
Value | Description |
---|---|
number | Default value 0. Specifies the order for the flexible item |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technické údaje
Výchozí hodnota: | 0 |
---|---|
Návratová hodnota: | Řetězec představující vlastnost order prvku |
Verze CSS | CSS3 |
Související stránky
CSS reference: vlastnost order
Odkaz na STYL DOM HTML: vlastnost alignContent
Odkaz na STYL DOM HTML: vlastnost alignItems
Odkaz na STYL DOM HTML: vlastnost alignSelf
HTML DOM STYLE Reference: vlastnost flex
Odkaz na STYL DOM HTML: vlastnost flexBasis
HTML DOM STYLE Reference: vlastnost flexDirection
Odkaz na STYL DOM HTML: vlastnost flexFlow
HTML DOM STYLE Reference: vlastnost flexGrow
Odkaz na STYL DOM HTML: vlastnost flexShrink
Odkaz na STYL DOM HTML: vlastnost flexWrap
❮ Objekt stylu