Exemplo
Deixe o elemento DIV azul encolher cinco vezes mais do que o resto dos itens flexíveis:
document.getElementById("myBlueDiv".style.flexShrink = "5"; Tente você mesmo " Definição e Uso
A propriedade flexShrink especifica como o item vai encolher em relação ao resto dos itens flexíveis dentro do mesmo recipiente.
Note: Se o elemento não é um item flexível, a propriedade flexShrink não tem efeito.
Suporte navegador
A propriedade flexShrink é suportado no IE10 +, Firefox, Opera e Chrome.
Nota: Safari 6.1+ suporta uma alternativa, a propriedade WebkitFlexShrink.
Sintaxe
Devolver o imóvel flexShrink:
object .style.flexShrink Defina a propriedade flexShrink:
object .style.flexShrink=" Valores de propriedade Valor Descrição number Um número que especifica o quanto o item vai encolher em relação ao resto dos itens flexíveis. O valor padrão é 0 initial Define essa propriedade para seu valor padrão. Leia sobre inicial inherit Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar
Detalhes técnicos
Valor padrão: 1 Valor de retorno: A String, que representa a propriedade de flex-encolher de um elemento CSS Versão CSS3
Páginas relacionadas
Referência CSS: flex-shrink property
HTML DOM estilo de referência: flex property
HTML DOM estilo de referência: flexBasis property
HTML DOM estilo de referência: flexDirection property
HTML DOM estilo de referência: flexFlow property
HTML DOM estilo de referência: flexGrow property
HTML DOM estilo de referência: flexWrap property
<Estilo de objeto