cuadro ordinal grupo CSS3 propiedad
Ejemplos
Orden de visualización de los elementos secundarios de un cuadro:
{
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;
}
Trate »
Soporte para el navegador
Los principales navegadores actuales no soportan propiedad box-ordinal-grupo.
Internet Explorer 10 por el apoyo de propiedad ms-flex-orden privado.
Firefox por el apoyo -moz-box-ordinal-grupo de la propiedad privada.
Safari y Chrome por el apoyo propiedad privada, webkit-box-ordinal-grupo.
Nota: Internet Explorer 9 y versiones anteriores de IE no son compatibles con la caja flexible.
Definiciones de atributos e instrucciones
atributo de caja ordinal grupo especifica una caja del elemento hijo del orden de visualización.
Un elemento de presentación que tiene un valor más bajo antes de que esos elementos con valores más altos en.
Nota: Los elementos del mismo conjunto de valores del orden, según su orden de aparición.
Por defecto: | 1 |
---|---|
herencia: | no |
Version: | CSS3 |
la sintaxis de JavaScript: | objetar .style.boxOrdinalGroup = 2 |
gramática
valor | descripción |
---|---|
entero | Un entero que indica el orden de visualización de sub-elementos |