Latest web development tutorials

HTML DOM propiedad Estilo flexGrow

Estilo de referencia de objetos Objetos de estilo

Ejemplos

Deje que el elemento DIV azul extenderse a otros proyectos flexibles cinco veces:

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

Trate »

Definición y Uso

flexGrow atributo especifica el proyecto será flexible con respecto a otros elementos de la misma expansión del volumen del recipiente.

Nota: Si elelemento no está elementos flexibles, propiedad flexGrow no funciona.


Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Firefox, Opera y Chrome soportan la propiedad flexGrow.


gramática

Volver propiedades flexGrow:

object .style.flexGrow

Configuración de las propiedades flexGrow:

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

propiedad Valor

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

detalles técnicos

Por defecto: 0
Devuelve: Cadena que representa los atributos de la flexión a crecer del elemento.
versión CSS CSS3


Artículos relacionados

CSS Reference Manual: Flex-Grow propiedad

HTML DOM estilo de referencia: Propiedades Flex

HTML DOM estilo de referencia: la propiedad flexBasis

HTML DOM estilo de referencia: la propiedad flexDirection

HTML DOM estilo de referencia: la propiedad FlexFlow

HTML DOM estilo de referencia: la propiedad flexShrink

HTML DOM estilo de referencia: la propiedad FlexWrap


Estilo de referencia de objetos Objetos de estilo