Atributo Style flexFlow

Definición y uso

flexFlow El atributo es flexDirection y flexWrap Atributo abreviado del atributo.

flexDirection El atributo especifica la dirección de los elementos flexibles.

flexWrap El atributo especifica si los elementos flexibles deben cambiar de línea.

Comentarios:Si el elemento no es un elemento flexible, entonces flexFlow Atributo no válido.

Vea también:

Manual de Referencia de CSS:flex-flow atributo

Ejemplo

Mostrar los elementos flexibles en columna y sin cambiar de línea:

document.getElementById("main").style.flexFlow = "column nowrap";

Pruebe usted mismo

Sintaxis

Retornar el atributo flexFlow:

object.style.flexFlow

Configurar el atributo flexFlow:

object.style.flexFlow = "flex-direction flex-wrap|initial|inherit"

Valor del atributo

Valor Descripción
flex-direction

Valores posibles:

  • row
  • row-reverse
  • column
  • column-reverse
  • initial
  • inherit

El valor predeterminado es "row".

Define la dirección de los elementos flexibles.
flex-wrap

Valores posibles:

  • nowrap
  • wrap
  • wrap-reverse
  • initial
  • inherit

El valor predeterminado es "nowrap".

Define si los elementos flexibles deben cambiar de línea.
initial Establezca este atributo en su valor predeterminado. Consulte initial.
inherit Hereda este atributo de su elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: row nowrap
Valor de retorno: Cadena que representa el flex-flow atributo.
Versión de CSS: CSS3

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente la propiedad por primera vez.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Compatibilidad 11.0 Compatibilidad 9.0 Compatibilidad

Páginas relacionadas

Manual de Referencia de STYLE DOM HTML:flex atributo

Manual de Referencia de STYLE DOM HTML:flexBasis atributo

Manual de Referencia de STYLE DOM HTML:flexDirection atributo

Manual de Referencia de STYLE DOM HTML:flexGrow atributo

Manual de Referencia de STYLE DOM HTML:flexShrink atributo

Manual de Referencia de STYLE DOM HTML:flexWrap atributo