box-orient CSS3 propriété
Exemples
éléments enfants de l'élément div spécifié disposés latéralement:
div
{
largeur: 350px;
hauteur: 100px;
border: 1px solid black;
/ * Firefox * /
display: -moz-box;
-moz-box-orient: horizontal;
/ * Safari, Opera et Chrome * /
affichage: -webkit-box;
-webkit-box-orient: horizontal;
/ * W3C * /
affichage: boîte;
box-orient: horizontal;
}
{
largeur: 350px;
hauteur: 100px;
border: 1px solid black;
/ * Firefox * /
display: -moz-box;
-moz-box-orient: horizontal;
/ * Safari, Opera et Chrome * /
affichage: -webkit-box;
-webkit-box-orient: horizontal;
/ * W3C * /
affichage: boîte;
box-orient: horizontal;
}
Essayez »
support du navigateur
À l'heure actuelle, tous les principaux navigateurs ne supportent pas la propriété de box-orient.
Firefox par la propriété privée - MOZ-box-orient soutien.
Safari, Opera et Chrome dans une propriété privée de soutien-box-orient -webkit.
Définition des attributs et des instructions
propriété box-orient spécifie si une boîte doit être des éléments enfants horizontalement ou verticalement.
Astuce: boîte dans les sous-éléments dans la direction horizontale est affichée de gauche à droite, la boîte affichée verticalement de haut en bas.Cependant, Box-direction d' orientation peut être -groupe box-ordinal propriété pour modifier cet ordre.
Par défaut: | ligne d'axe |
---|---|
Héritage: | aucun |
Version: | CSS3 |
Syntaxe JavaScript: | objet .style.boxOrient = "vertical" |
grammaire
box-orient: horizontal | inline axe | | vertical bloc axe | inherit;
valeur | explication |
---|---|
horizontal | sous-éléments spécifiés sont disposés sur une ligne horizontale de gauche à droite |
vertical | Du haut vers le bas de la disposition verticale des sous-éléments |
ligne d'axe | éléments enfants Inline le long de l'axe (mappé sur le paysage) |
bloc axe | des éléments de sous-blocs le long de l'axe (mis en correspondance avec la verticale) |
hériter | propriété Value box-orient doit être héritée de l'élément parent |