Propriedade Style flexFlow

Definição e Uso

flexFlow A propriedade é flexDirection e flexWrap A propriedade é uma abreviação da propriedade.

flexDirection A propriedade define a direção dos itens flexíveis.

flexWrap A propriedade define se os itens flexíveis devem quebrar linha.

Comentário:Se o elemento não for um item flexível, então flexFlow Propriedade inválida.

Veja também:

Manual de Referência do CSS:flex-flow propriedade

Exemplo

Exiba os itens flexíveis em coluna e sem quebrar linha:

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

Experimente você mesmo

Sintaxe

Retorne a propriedade flexFlow:

object.style.flexFlow

Defina a propriedade flexFlow:

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

Valor da Propriedade

Valor Descrição
flex-direction

Valores Possíveis:

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

O valor padrão é "row".

Define a direção dos itens flexíveis.
flex-wrap

Valores Possíveis:

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

O valor padrão é "nowrap".

Define se os itens flexíveis devem quebrar linha.
initial Defina essa propriedade como seu valor padrão. Veja initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.

Detalhes Técnicos

Valor Padrão: row nowrap
Retorno: String que representa o flex-flow propriedade.
Versão do CSS: CSS3

Suporte do Navegador

Os números na tabela indicam a versão do navegador que suporta completamente essa propriedade.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte 11.0 Suporte 9.0 Suporte

Páginas Relacionadas

Manual de Referência do DOM STYLE HTML:flex propriedade

Manual de Referência do DOM STYLE HTML:flexBasis propriedade

Manual de Referência do DOM STYLE HTML:flexDirection propriedade

Manual de Referência do DOM STYLE HTML:flexGrow propriedade

Manual de Referência do DOM STYLE HTML:flexShrink propriedade

Manual de Referência do DOM STYLE HTML:flexWrap propriedade