propriedade style.flexWrap

definição e uso

flexWrap A propriedade determina se os itens flexíveis devem ser quebrados em linha.

NOTA:Se o elemento não for um item flexível, então flexWrap Atributo inválido.

Veja também:

Manual de referência CSS:propriedade flex-wrap

exemplo

Se necessário, faça com que os itens flexíveis se quebrem em linha:

document.getElementById("main").style.flexWrap = "wrap";

Experimente você mesmo

sintaxe

retornar propriedade flexWrap:

objeto.style.flexWrap

definir propriedade flexWrap:

objeto.style.flexWrap = "nowrap|wrap|wrap-reverse|initial|inherit"

valor do atributo

valor descrição
nowrap valor padrão. Determina que os itens flexíveis não devem ser quebrados em linha.
wrap Determina que os itens flexíveis devem ser quebrados em linha conforme necessário.
wrap-reverse Determina que os itens flexíveis devem ser quebrados em linha reversa conforme necessário.
initial Defina essa propriedade como seu valor padrão. Veja também initial.
inherit Herda essa propriedade do elemento pai. Veja também inherit.

detalhes técnicos

valor padrão: nowrap
retorno: cadeia de caracteres, que representa o propriedade flex-wrap.
versão do CSS: CSS3

suporte do navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
suporte 11.0 suporte 9.0 suporte

páginas relacionadas

Referência de ESTILO DOM HTML propriedade flex

Referência de ESTILO DOM HTML propriedade flexBasis

Referência de ESTILO DOM HTML propriedade flexDirection

Referência de ESTILO DOM HTML propriedade flexFlow

Referência de ESTILO DOM HTML propriedade flexGrow

Referência de ESTILO DOM HTML propriedade flexShrink