Latest web development tutorials

DOM HTML Estilo ordenar la propiedad

Estilo de referencia de objetos Objetos de estilo

Ejemplos

Flexible establece el orden de los objetos:

document.getElementById("myRedDIV").style.order = "4";
document.getElementById("myBlueDIV").style.order = "3";
document.getElementById("myGreenDIV").style.order = "1";
document.getElementById("myPinkDIV").style.order = "2";

Trate »

Definición y Uso

atributo de orden especifica un proyecto flexible con respecto a la orden del mismo contenedor flexible para otros artículos.

Nota: Si elelemento no es flexible de proyectos, la propiedad de orden no funciona.


Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Firefox, Opera y Chrome propiedad orden de manutención.


gramática

Devoluciones de pedidos atributos:

object .style.order

Establecer los atributos de orden:

object .style.order="number|initial|inherit"

propiedad Valor

描述
number 默认值是 0。规定灵活项目的顺序。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

detalles técnicos

Por defecto: 0
Devuelve: Cadena que representa el atributo de orden del elemento.
versión CSS CSS3


Artículos relacionados

Manual de Referencia CSS: la propiedad Solicitar

HTML DOM estilo de referencia: la propiedad alignContent

HTML DOM estilo de referencia: la propiedad alignItems

HTML DOM estilo de referencia: la propiedad alignSelf

HTML DOM estilo de referencia: Propiedades Flex

HTML DOM estilo de referencia: la propiedad flexBasis

HTML DOM estilo de referencia: la propiedad flexDirection

HTML DOM estilo de referencia: la propiedad FlexFlow

HTML DOM estilo de referencia: la propiedad flexGrow

HTML DOM estilo de referencia: la propiedad flexShrink

HTML DOM estilo de referencia: la propiedad FlexWrap


Estilo de referencia de objetos Objetos de estilo