propriedade HTML DOM Estilo flexDirection
Exemplos
Reorganizar o elemento <div> interior na direção de projeto flexível:
document.getElementById("main").style.flexDirection="column-reverse";
tente »
Definição e Uso
flexDirection conjuntos de propriedades ou retorna a direção do projeto flexível.
Nota: Se oelemento não é itens flexíveis, flexDirection propriedade não funciona.
Suporte a navegadores
Firefox, Opera e Chrome suportam flexDirection propriedade.
gramática
Propriedades flexDirection Voltar:
object .style.flexDirection
Definindo as propriedades flexDirection:
object .style.flexDirection="row|row-reverse|column|column-reverse|initial|inherit"
Valor de propriedade
| 值 | 描述 |
|---|---|
| row | 默认值。灵活的项目将水平显示，正如一个行一样。 |
| row-reverse | 与 row 相同，但是以相反的顺序。 |
| column | 灵活的项目将垂直显示，正如一个列一样。 |
| column-reverse | 与 column 相同，但是以相反的顺序。 |
| initial | 设置该属性为它的默认值。请参阅 initial 。 |
| inherit | 从父元素继承该属性。请参阅 inherit 。 |
detalhes técnicos
| padrão: | linha |
|---|---|
| retorna: | String representando o elemento de propriedade flex-direção. |
| versão CSS | CSS3 |
artigos relacionados
CSS Manual de Referência: propriedade Flex-direção
HTML DOM estilo de referência: Propriedades Flex
HTML DOM estilo de referência: flexBasis propriedade
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