-webkit-box-direction CSS propriété

Définition de la CSS -webkit-box-direction.

La propriété de Flexbox CSS -webkit-box-direction permet de spécifier le sens de l'affichage des éléments flexibles Css sur l'axe principal dans un conteneur Flexbox Css.
Fonctionne avec la propriété Css -webkit-box-orient.
Ancienne spécification des Flexbox Css basée sur le document de travail de juillet 2009.
Vous pouvez faire des tests de paramétrage dans le générateur de code Css de Flexbox.

-webkit-box-direction : normal;
-webkit-box-direction : reverse;

La propriété de feuille de style -webkit-box-direction CSS peut prendre la valeur de :

• normal : les éléments flexibles sont disposés les un à coté des autres suivant l'axe principal qui suit le sens du texte, de "début principal" vers "fin principale".
• reverse : les éléments flexibles sont disposés les un à coté des autres suivant l'axe principal qui suit le sens inverse du texte, de "fin principale" vers "début principal".

Exemple de code -webkit-box-direction CSS

Conditions d'application de la CSS -webkit-box-direction.

La propriété de feuille de style -webkit-box-direction CSS est applicable sur l'ensemble des balises HTML ou XHTML, si elles sont le conteneur Flexbox Css d'éléments flexibles Css et qu'il soit de type display:-webkit[-inline]-box.

Héritage des valeurs Css de -webkit-box-direction.

Les balises filles HTML ou XHTML n'héritent pas des propriétés de feuille de style -webkit-box-direction