box-ordinal grupo CSS3 propriedade
Exemplos
ordem de exibição dos elementos filho de uma caixa:
.box
{
display:-ms-flexbox; /* Internet Explorer 10 */
display:-moz-box; /* Firefox */
display:-webkit-box; /* Safari and Chrome */
display:box;
border:1px solid black;
}
.ord1
{
margin:5px;
-ms-flex-order:1; /* Internet Explorer 10 */
-moz-box-ordinal-group:1; /* Firefox */
-webkit-box-ordinal-group:1; /* Safari and Chrome */
box-ordinal-group:1;
}
.ord2
{
margin:5px;
-ms-flex-order:2; /* Internet Explorer 10 */
-moz-box-ordinal-group:2; /* Firefox */
-webkit-box-ordinal-group:2; /* Safari and Chrome */
box-ordinal-group:2;
}
{
display:-ms-flexbox; /* Internet Explorer 10 */
display:-moz-box; /* Firefox */
display:-webkit-box; /* Safari and Chrome */
display:box;
border:1px solid black;
}
.ord1
{
margin:5px;
-ms-flex-order:1; /* Internet Explorer 10 */
-moz-box-ordinal-group:1; /* Firefox */
-webkit-box-ordinal-group:1; /* Safari and Chrome */
box-ordinal-group:1;
}
.ord2
{
margin:5px;
-ms-flex-order:2; /* Internet Explorer 10 */
-moz-box-ordinal-group:2; /* Firefox */
-webkit-box-ordinal-group:2; /* Safari and Chrome */
box-ordinal-group:2;
}
tente »
Suporte a navegadores
Os navegadores atuais não suportam propriedade-ordinal-grupo da caixa.
Internet Explorer 10 pelo suporte de propriedade ms-flex-order privado.
Firefox pelo apoio-ordinal grupo -moz-box propriedade privada.
Safari e Chrome pelo apoio propriedade privada, -webkit-box-ordinal-grupo.
Nota: Internet Explorer 9 e versões anteriores do IE não suporta a caixa flexível.
Atributo definições e instruções
atributo ordinal-grupo da caixa especifica uma caixa do elemento dependente da ordem de exibição.
Um elemento de exibição com um valor mais baixo antes esses elementos com valores mais elevados no.
Nota: Os elementos de um mesmo conjunto de valores da ordem, em função da sua ordem de origem.
padrão: | 1 |
---|---|
herança: | não |
versão: | CSS3 |
sintaxe JavaScript: | objeto .style.boxOrdinalGroup = 2 |
gramática
Box-ordinal-grupo:integer;
valor | descrição |
---|---|
número inteiro | Um inteiro que indica a ordem de sub-elementos de exibição |