Exemple
Définissez l'ordre des éléments flexibles:
document.getElementById("myRedDIV").style.order = "4";
document.getElementById("myBlueDIV").style.order = "3";
document.getElementById("myGreenDIV").style.order = "1";
document.getElementById("myPinkDIV").style.order = "2";
Essayez vous - même » Définition et utilisation
La propriété de l'ordre spécifie l'ordre d'un élément flexible par rapport au reste des éléments flexibles à l'intérieur du même conteneur.
Note: Si l'élément n'est pas un élément flexible, la propriété de commande n'a aucun effet.
Support du navigateur
La propriété de commande est prise en charge dans Firefox, Opera et Chrome.
Syntaxe
Retour la propriété de commande:
object .style.order Définissez la propriété de commande:
object .style.order=" Valeurs de propriété Valeur La description number La valeur par défaut 0. Spécifie l'ordre de l'élément souple initial Définit cette propriété à sa valeur par défaut. Lisez à propos initial inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront
Détails techniques
Valeur par défaut: 0 Valeur de retour: Une chaîne, ce qui représente la propriété de l'ordre d'un élément version CSS CSS3
Pages associées
Référence CSS: la order property
HTML DOM STYLE Référence: alignContent property
HTML DOM STYLE Référence: alignItems property
HTML DOM STYLE Référence: alignSelf property
HTML DOM STYLE Référence: flex property
HTML DOM STYLE Référence: flexBasis property
HTML DOM STYLE Référence: flexDirection property
HTML DOM STYLE Référence: flexFlow property
HTML DOM STYLE Référence: flexGrow property
HTML DOM STYLE Référence: flexShrink property
HTML DOM STYLE Référence: flexWrap property
<Style objet