Latest web development tutorials

propriété HTML DOM style flexGrow

Style de Object Reference style Objets

Exemples

Laissez l'élément bleu DIV étendu à d'autres projets flexibles cinq fois:

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

Essayez »

Définition et utilisation

attribut flexGrow spécifie le projet sera flexible par rapport aux autres éléments de la même expansion du volume du récipient.

Remarque: Si l'élémentest pas d' éléments flexibles, la propriété flexGrow ne fonctionne pas.


support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Firefox, Opera et Chrome supportent la propriété flexGrow.


grammaire

Retour flexGrow propriétés:

object .style.flexGrow

Définition des propriétés flexGrow:

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

Valeur de la propriété

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

détails techniques

Par défaut: 0
Retours: Chaîne représentant les attributs flex-croissance de l'élément.
CSS version CSS3


articles connexes

CSS Manuel de référence: Flex-Grow propriété

HTML DOM STYLE Référence: Propriétés Flex

HTML DOM STYLE Référence: propriété flexBasis

HTML DOM STYLE Référence: propriété flexDirection

HTML DOM STYLE Référence: propriété FlexFlow

HTML DOM STYLE Référence: propriété flexShrink

HTML DOM STYLE Référence: propriété flexWrap


Style de Object Reference style Objets