-webkit-box-orient CSS propriété

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

La propriété de Flexbox CSS -webkit-box-orient permet de spécifier le type d'ordonnancement (en colonne ou en ligne) des éléments flexibles Css sur l'axe principal dans un conteneur Flexbox Css. Elle doit être compléter par la propriété Css -webkit-box-direction.
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-orient : horizontal ;
-webkit-box-orient : vertical ;

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

• horizontal : 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".
• vertical : les éléments flexibles sont disposés les un en dessous des autres suivant l'axe principal qui suit le sens du déroulement du contenu, de "fin principale" vers "début principal".

Exemple de code -webkit-box-orient CSS

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

La propriété de feuille de style -webkit-box-orient 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-orient.

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