order CSS propriété

Définition de la CSS order.

La propriété CSS order permet de spécifier l'ordre d'affichage visuel d'un élément flexible Css ou grille Css dans son conteneur Flexbox Css ou Grid Css .
Vous pouvez faire des tests de paramétrage dans le générateur de code Css de Flexbox.

Exemple de syntaxe CSS order :

order : -5;
order : 0;
order : 3;

La propriété de feuille de style order CSS peut prendre la valeur de :

entier positif ou négatif, spécifie l'ordre d'affichage d'un élément flexible Css. 0 est la valeur par défaut.

Exemple de code order CSS

Conditions d'application de la CSS order.

La propriété de feuille de style order CSS est applicable sur l'ensemble des balises HTML ou XHTML, si elles sont des éléments flexibles Css d'un conteneur Flexbox Css type display:[inline-]flex ou des éléments de grille Css d'un conteneur Grid Css de type display:[inline-]grid.

Héritage des valeurs Css de order.

Les balises filles HTML ou XHTML n'héritent pas de la propriété de feuille de style order

Règles de syntaxes CSS pour order.

Un numéro d'ordre identique

Le traitement se fait du numéro le plus bas vers le numéro le plus haut.
Si plusieurs éléments flexibles Css ou grille Css du conteneur Flexbox Css ou Grid CSS ont le même ordre, c'est l'ordre où ils apparaissent dans le document source qui est pris.

La propriété Css order et l'accessibilité

La propriété CSS order ne fait que changer l'ordre d'affichage et n'affecte pas l'ordre dans les médias non-visuels.
La propriété CSS order n'affecte pas l'ordre de traversée par défaut des modes de navigation séquentiels, comme la tabulation. Voir l'exemple de code.

Compatibilités navigateurs de la propriété order

Détails des versions de la CSS order: Propriété order est compatible avec CSS3 et plus.

Résumé du support navigateurs de la CSS order: Propriété CSS order est compatible sous une forme préfixée avec Chrome 4; Propriété CSS order est compatible à partir de Chrome 29; Propriété CSS order est compatible sous une forme préfixée avec Firefox 2; Propriété CSS order est compatible à partir de Firefox 28; Propriété CSS order est compatible sous une forme préfixée avec Internet Explorer 10; Propriété CSS order est compatible à partir de Internet Explorer 11; Propriété CSS order est compatible à partir de Opera 12; Propriété CSS order est compatible sous une forme préfixée avec Safari 3; Propriété CSS order est compatible à partir de Safari 9

Propriétés CSS préfixées de order

Vous trouverez ci-dessous les propriétés CSS préfixées équivalentes à la propriété order CSS :

Pour rendre compatible la propriété order CSS avec le plus grand nombre de navigateurs, vous devez utiliser les versions préfixées suivante :

Versions préfixées de order :

-moz-box-ordinal-group : 1; /* nombre positif */
-webkit-box-ordinal-group : 1; /* nombre positif */
-ms-flex-order : 1; /* nombre positif */
-webkit-order : 1;
order : 1;

Attention : certaines formes préfixées n'accepte pas les nombres négatifs.

Votre avis sur la définition order en CSS

Votez pour la définition CSS `order`

Votes: 3 / 5 - 6 votes
Cliquez sur une étoile pour voter.