Orden de estilo Propiedad
Ejemplo
Establezca el orden de los elementos flexibles:
document.getElementById("myRedDIV").style.order = "4";
document.getElementById("myBlueDIV").style.order = "3";
document.getElementById("myGreenDIV").style.order = "1";
document.getElementById("myPinkDIV").style.order = "2";
Definición y uso
La propiedad order especifica el orden de un elemento flexible en relación con el resto de los elementos flexibles dentro del mismo contenedor.
Nota: si el elemento no es un artículo flexible, la propiedad de orden no tiene efecto.
Compatibilidad con navegador
Property | |||||
---|---|---|---|---|---|
order | Yes | 12.0 | Yes | Yes | Yes |
Sintaxis
Devuelve la propiedad de la orden:
object.style.order
Establezca la propiedad de orden:
object.style.order = "number|initial|inherit"
Valores de propiedad
Value | Description |
---|---|
number | Default value 0. Specifies the order for the flexible item |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalles técnicos
Valor por defecto: | 0 |
---|---|
Valor devuelto: | Una cadena, que representa la propiedad de orden de un elemento |
Versión CSS | CSS3 |
páginas relacionadas
Referencia CSS: propiedad de orden
Referencia HTML DOM STYLE: propiedad alignContent
Referencia HTML DOM STYLE: propiedad alignItems
Referencia HTML DOM STYLE: propiedad alignSelf
Referencia HTML DOM STYLE: propiedad flexible
HTML DOM STYLE Referencia: propiedad flexBasis
Referencia HTML DOM STYLE: propiedad flexDirection
HTML DOM STYLE Referencia: propiedad flexFlow
Referencia HTML DOM STYLE: propiedad flexGrow
Referencia HTML DOM STYLE: propiedad flexShrink
HTML DOM STYLE Referencia: propiedad flexWrap
❮ Objeto de estilo