Ejemplo
Hacer que los elementos flexibles envuelven si necesarry:
document.getElementById("main".style.flexWrap = "wrap"; Inténtalo tú mismo " Definición y Uso
La propiedad FlexWrap especifica si los elementos flexibles deben envolver o no.
Note: Si los elementos no son elementos flexibles, la propiedad FlexWrap no tiene ningún efecto.
Soporte del navegador
La propiedad FlexWrap se apoya en IE10 +, Firefox, Opera y Chrome.
Nota: Safari 6.1+ soporta una alternativa, la propiedad WebkitFlexWrap.
Sintaxis
Devolver la propiedad FlexWrap:
object .style.flexWrap Establecer la propiedad FlexWrap:
object .style.flexWrap="nowrap|wrap|wrap-reverse|initial|inherit"
Valores de propiedad
| Valor | Descripción |
|---|---|
| nowrap | Valor por defecto. Especifica que los elementos flexibles no se envuelva |
| wrap | Especifica que los elementos flexibles se envuelva si es necesario |
| wrap-reverse | Especifica que los elementos flexibles se envuelva, si es necesario, en orden inverso |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial |
| inherit | Hereda esta propiedad de su elemento padre. Lea acerca de heredar |
Detalles técnicos
| Valor por defecto: | nowrap |
|---|---|
| Valor de retorno: | Una cadena, que representa la propiedad flex-wrap de un elemento |
| Versión CSS | CSS3 |
Páginas relacionadas
Referencia CSS: flex-wrap property
HTML DOM estilo de referencia: flex property
HTML DOM estilo de referencia: flexBasis property
HTML DOM estilo de referencia: flexDirection property
HTML DOM estilo de referencia: flexFlow property
HTML DOM estilo de referencia: flexGrow property
HTML DOM estilo de referencia: flexShrink property
<Estilo de objeto