Propriedade Style flexShrink

Definição e Uso

flexShrink A propriedade define como o item se contrair em comparação com outros itens flexíveis dentro do mesmo contêiner.

Notas:Se o elemento não for um item flexível, então flexShrink Propriedade inválida.

Veja também:

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

Exemplo

Fazer o elemento DIV azul diminuir cinco vezes mais que outros itens flexíveis:

document.getElementById("myBlueDiv").style.flexShrink = "5";

Experimente você mesmo

Sintaxe

Retornar propriedade flexShrink:

object.style.flexShrink

Definir propriedade flexShrink:

object.style.flexShrink = "number|initial|inherit"

Valor da Propriedade

Valor Descrição
number Número que define quanto o item se contrair em comparação com outros itens flexíveis. O valor padrão é 0.
initial Defina essa propriedade para seu valor padrão. Veja initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.

Detalhes Técnicos

Valor Padrão: 1
Retorno: Cadeia de caracteres que representa o flex-shrink 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:flexFlow propriedade

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

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