Latest web development tutorials

×

×

×

×

JavaScript & HTML DOM manual de referência

JavaScript objetos

JavaScript Array objetos JavaScript Boolean objetos JavaScript Date objetos JavaScript Math objetos JavaScript Number objetos JavaScript String objetos JavaScript RegExp objetos JavaScript Propriedades globais / Funções JavaScript operadores

Browser objetos

Window objetos Navigator objetos Screen objetos History objetos Location objetos

DOM objetos

HTML DOM Document objetos HTML DOM elemento de objeto HTML DOM atributo de objeto HTML DOM objetos de evento

HTML objetos

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <img> <ins> <input> - button <input> - checkbox <input> - color <input> - date <input> - datetime <input> - datetime-local <input> - email <input> - file <input> - hidden <input> - image <input> - month <input> - number <input> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

propriedade HTML DOM Estilo flexShrink

Anterior: propriedade HTML DOM Estilo flexGrow

Seguinte: propriedade HTML DOM Estilo flexWrap

Exemplos

Deixe o elemento DIV azul encolher para um quinto do outro projeto flexível:

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

Definição e Uso

atributo flexShrink especifica o projeto será flexível em relação a outros itens da mesma encolhimento do volume do recipiente.

Nota: Se oelemento não é itens flexíveis, flexShrink propriedade não funciona.

Suporte a navegadores

Firefox, Opera e Chrome suportam flexShrink propriedade.

gramática

Propriedades volta flexShrink:

object .style.flexShrink

Definindo as propriedades flexShrink:

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

Valor de propriedade

值	描述
number	一个数字，规定项目将相对于其他灵活的项目进行收缩的量。默认值是 0。
initial	设置该属性为它的默认值。请参阅 initial 。
inherit	从父元素继承该属性。请参阅 inherit 。

detalhes técnicos

padrão:	1
retorna:	String representando o encolhe Flex atribuir elemento.
versão CSS	CSS3

artigos relacionados

CSS Manual de Referência: Flex-psiquiatra propriedade

HTML DOM estilo de referência: Propriedades Flex

HTML DOM estilo de referência: flexBasis propriedade

HTML DOM estilo de referência: propriedade flexDirection

HTML DOM estilo de referência: propriedade FlexFlow

HTML DOM estilo de referência: flexGrow propriedade

HTML DOM estilo de referência: flexWrap propriedade

Anterior: propriedade HTML DOM Estilo flexGrow

Seguinte: propriedade HTML DOM Estilo flexWrap