box-orient CSS3 propriedade
Exemplos
elementos filho especificado elemento div dispostos lateralmente:
div
{
width: 350px;
height: 100px;
border: 1px solid preta;
/ * Firefox * /
display: -moz-box;
-moz-box-orient: horizontal;
/ * Safari, Opera e Chrome * /
display: -webkit-box;
-webkit-box-orient: horizontal;
/ * W3C * /
display: box;
box-orient: horizontal;
}
{
width: 350px;
height: 100px;
border: 1px solid preta;
/ * Firefox * /
display: -moz-box;
-moz-box-orient: horizontal;
/ * Safari, Opera e Chrome * /
display: -webkit-box;
-webkit-box-orient: horizontal;
/ * W3C * /
display: box;
box-orient: horizontal;
}
tente »
Suporte a navegadores
Actualmente, todos os principais navegadores não suportam a propriedade box-orient.
Firefox pela propriedade privada - MOZ-box-orient apoio.
Safari, Opera e Chrome através do apoio-the-box oriente -webkit propriedade privada.
Atributo definições e instruções
propriedade box-orient especifica se uma caixa deve ser elementos filho horizontalmente ou verticalmente.
Dica: Caixa nas sub-elementos na direção horizontal é exibida da esquerda para a direita, a caixa exibido verticalmente de cima para baixo.No entanto, Box-direção de orientação pode ser -group box-ordinal propriedade para alterar esta ordem.
| padrão: | inline-eixo |
|---|---|
| herança: | não |
| versão: | CSS3 |
| sintaxe JavaScript: | objeto .style.boxOrient = "vertical" |
gramática
box-orient: horizontal | verticais | inline-eixo | bloco de eixo | herdar;
| valor | explicação |
|---|---|
| horizontal | sub-elementos especificados são dispostos em uma linha horizontal da esquerda para a direita |
| vertical | De cima para baixo do arranjo vertical de subelementos |
| inline-eixo | elementos filho em linha ao longo do eixo (mapeado para paisagem) |
| bloco de eixo | elementos sub-bloco ao longo do eixo (mapeado em relação à vertical) |
| herdar | Value propriedade box-orient deve ser herdado do elemento pai |