Errores PHP
X
Usuario
Password
0 FPS

Propiedad CSS : flex-flow

23 de Diciembre del 2015 por Josep Antoni Bover, 352 visitas, 0 comentarios, 0 votos.
Categorías : CSS.
La web está en segundo plano, animación en pausa.
Cargando animación...

Esta propiedad es un atajo para las propiedades flex-direction y flex-wrap.


Sintaxis

flex-flow: direction wrap;

flex-direction

La propiedad flex-direction permite especificar el eje y la dirección de un contenedor flex. El eje puede ser columnas o filas (column|row), y la dirección normal o invertida.

row Los objetos flexibles se muestran como filas. Se utiliza la dirección del texto para determinar por donde empiezan y terminan los objetos, para mas información consulta la Propiedad CSS direction.
row-reverse Lo mismo que row, pero con el punto de inicio y el punto final invertidos.
column Los objetos flexibles se muestran como columnas.
column-reverse Lo mismo que column, pero con el punto de inicio y el punto final invertidos.
inherit Se heredara el estilo de su objeto padre.

flex-wrap

La propiedad flex-wrap nos permite especificar si los hijos deben mostrarse en la misma línea, o si pueden fluir en varias líneas.

nowrap Los hijos se muestran en la misma línea.
wrap Los hijos se muestran en varias líneas.
wrap-reverse Lo mismo que wrap, pero en orden invertido.
inherit Se heredara el estilo de su objeto padre.


Código de ejemplo



Compatibilidad

Esta propiedad es soportada por todos los navegadores compatibles con CSS3.

Soportado a partir de la versión 31
Soportado a partir de la versión 28
Soportado a partir de la versión 12.1
Soportado a partir de la versión 6.1 con el prefijo -webkit-
Soportado a partir de la versión 11

Documento modificado por última vez : 23/12/2015
Ejemplo modificado por última vez : 12/12/2015

Enlaces relacionados