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 flexGrow

Anterior: propriedade HTML DOM Estilo FlexFlow

Seguinte: propriedade HTML DOM Estilo flexShrink

Exemplos

Deixe o elemento DIV azul estendido a outros projetos flexível cinco vezes:

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

Definição e Uso

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

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

Suporte a navegadores

Firefox, Opera e Chrome suportam flexGrow propriedade.

gramática

Voltar propriedades flexGrow:

object .style.flexGrow

Definindo as propriedades flexGrow:

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

Valor de propriedade

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

detalhes técnicos

padrão:	0
retorna:	String que representa os atributos de flex-grow do elemento.
versão CSS	CSS3

artigos relacionados

CSS Manual de Referência: Flex-Grow 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: flexShrink propriedade

HTML DOM estilo de referência: flexWrap propriedade

Anterior: propriedade HTML DOM Estilo FlexFlow

Seguinte: propriedade HTML DOM Estilo flexShrink