CSS3 box-ordinal-groupPropiedad


Ejemplos

El orden de visualización de los elementos secundarios de un box especificado:

.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;
}

Pruébalo »

Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Actualmente, los navegadores principales no admiten la propiedad box-ordinal-group.

Internet Explorer 10 la admite a través de la propiedad privada ms-flex-order.

Firefox la admite a través de la propiedad privada -moz-box-ordinal-group.

Safari y Chrome la admiten a través de la propiedad privada -webkit-box-ordinal-group.

Nota:Internet Explorer 9 y versiones anteriores de IE no admiten flexbox.

Definición y uso de la propiedad

La propiedad box-ordinal-group especifica el orden de visualización de los elementos secundarios de un box.

Los elementos con valores más bajos se muestran antes que los elementos con valores más altos.

Nota:El orden de visualización de los elementos con el mismo valor depende de su orden de origen.

Valor predeterminado: 1
Herencia: no
Versión: CSS3
Sintaxis de JavaScript: object.style.boxOrdinalGroup=2

Sintaxis

box-ordinal-group: integer;

Valor Descripción
integer Un entero que indica el orden de visualización de los elementos secundarios.
Otras extensiones