Latest web development tutorials

HTML DOM Estilo ordem de propriedade

Estilo Object Reference estilo Objects

Exemplos

Flexível definir a ordem de itens:

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

tente »

Definição e Uso

atributo ordem especifica um projecto flexível com respeito ao fim do mesmo recipiente flexível para outros artigos.

Nota: Se oelemento não é um projeto flexível, a propriedade de ordem não funciona.


Suporte a navegadores

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Firefox, Opera e Chrome propriedade ordem de apoio.


gramática

Devoluções pedir atributos:

object .style.order

Defina os atributos de ordem:

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

Valor de propriedade

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

detalhes técnicos

padrão: 0
retorna: String representando o atributo fim do elemento.
versão CSS CSS3


artigos relacionados

Manual de Referência CSS: a propriedade Order

HTML DOM estilo de referência: propriedade alignContent

HTML DOM estilo de referência: alignItems propriedade

HTML DOM estilo de referência: propriedade alignSelf

HTML DOM estilo de referência: Propriedades Flex

HTML DOM estilo de referência: flexBasis propriedade

HTML DOM estilo de referência: propriedade flexDirection

HTML DOM estilo de referência: propriedade FlexFlow

HTML DOM estilo de referência: flexGrow propriedade

HTML DOM estilo de referência: flexShrink propriedade

HTML DOM estilo de referência: flexWrap propriedade


Estilo Object Reference estilo Objects