propriété d'ordre Style

définition et utilisation

order l'attribut définit l'ordre des éléments flexibles par rapport aux autres éléments flexibles dans le même conteneur.

remarque :si l'élément n'est pas un élément flexible, alors order attribut invalide.

Voir également :

Manuel de référence CSS :order propriété

exemple

Définir 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-le vous-même

grammaire

retourner la propriété order :

object.style.order

Définir la propriété order :

object.style.order = "number|initial|inherit"

valeur de l'attribut

valeur description
number valeur par défaut 0. Définit l'ordre des éléments flexibles.
initial réinitialise cette propriété à sa valeur par défaut. Voir également initial.
inherit hérite cette propriété de son élément parent. Voir également inherit.

détails techniques

valeur par défaut : 0
valeur de retour : chaîne, représentant l'élément order propriété.
Version de CSS : CSS3

pratique du navigateur

Les nombres dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
pratique 12.0 pratique pratique pratique

pages associées

Référence du manuel HTML DOM STYLE :alignContent propriété

Référence du manuel HTML DOM STYLE :alignItems propriété

Référence du manuel HTML DOM STYLE :alignSelf propriété

Référence du manuel HTML DOM STYLE :flex propriété

Référence du manuel HTML DOM STYLE :flexBasis propriété

Référence du manuel HTML DOM STYLE :Propriété flexDirection

Référence du manuel HTML DOM STYLE :Propriété flexFlow

Référence du manuel HTML DOM STYLE :Propriété flexGrow

Référence du manuel HTML DOM STYLE :Propriété flexShrink

Référence du manuel HTML DOM STYLE :Propriété flexWrap