manual de referência CSS

regras CSS @

大全 de propriedades CSS

CSS3 flex-A propriedade grow CSS3 flex-A propriedade direction

CSS3 flex-Método de uso e exemplo da propriedade flow

flex-A propriedade CSS flow é usada para definirflex-directionEflex-wrapAbreviações de várias propriedades.

A tabela a seguir fornece uma descrição de uso e histórico de versão dessa propriedade, bem como a sintaxe de uso da propriedade na sintaxe do JavaScript.

Valor padrão:	row nowrap; Ver todas as propriedades
Aplicável a:	Container flexível
Herança:	Nenhum
Animável:	Não.Veja também Propriedades de animação.
Versão:	CSS3A nova funcionalidade
JavaScript syntax:	object.style.flexFlow="column nowrap"

flex-A sintaxe de uso da propriedade flow

A sintaxe dessa propriedade é a seguinte:

flex-flow: [ flex-direction flex-wrap ] | initial | inherit

O exemplo a seguir demonstra como usar flex-A propriedade flow.

Exemplo

.flex-container {
　　　　/*　Safari　*/
　　　　display:　-webkit-flex
　　　　-webkit-flex-flow: row-reverse wrap;
　　　　
　　　　display: flex;
　　　　flex-flow: row-reverse wrap;
}

Teste e veja‹/›

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

Valor	Descrição
flex-direction	Especifique a maneira como o item flexível é colocado no contêiner flexível.
flex-wrap	Especifique se o item flexível deve quebrar linha ou coluna.
initial	Defina essa propriedade para seu valor padrão.
inherit	Se especificado, o elemento relacionado usa o flex do pai-Os valores da propriedade flow.

Compatibilidade do navegador

flex-Compatibilidade do navegador da propriedade flow, os números na tabela a seguir representam a versão mínima do navegador que suporta essa propriedade; todos os navegadores populares suportam essa propriedade.

	Firefox 18+ ^-moz-,28 Google Chrome 21+ ^-webkit-,29 Internet Explorer 10+ ^-ms-,11 Apple Safari 6.1+ ^-webkit- Opera 12.1+