Latest web development tutorials

HTML DOM propiedad Estilo flexDirection

Estilo de referencia de objetos Objetos de estilo

Ejemplos

Reorganizar el elemento interno <div> en la dirección del proyecto flexibles:

document.getElementById("main").style.flexDirection="column-reverse";

Trate »

Definición y Uso

flexDirection conjuntos de propiedades o devuelve la dirección del proyecto flexible.

Nota: Si elelemento no está elementos flexibles, propiedad flexDirection no funciona.


Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Firefox, Opera y Chrome soportan la propiedad flexDirection.


gramática

flexDirection propiedades para la espalda:

object .style.flexDirection

Configuración de las propiedades flexDirection:

object .style.flexDirection="row|row-reverse|column|column-reverse|initial|inherit"

propiedad Valor

描述
row 默认值。灵活的项目将水平显示,正如一个行一样。
row-reverse 与 row 相同,但是以相反的顺序。
column 灵活的项目将垂直显示,正如一个列一样。
column-reverse 与 column 相同,但是以相反的顺序。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

detalles técnicos

Por defecto: fila
Devuelve: Cadena que representa el elemento de propiedad flex-dirección.
versión CSS CSS3


Artículos relacionados

CSS Reference Manual: propiedad Flex-dirección

HTML DOM estilo de referencia: Propiedades Flex

HTML DOM estilo de referencia: la propiedad flexBasis

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