Najnowsze tutoriale tworzenie stron internetowych
 

Style flexGrow Property

<Style obiektu

Przykład

Niech niebieski Element DIV rosną pięć razy szersze niż w pozostałej części elastycznych elementów:

document.getElementById("myBlueDiv".style.flexGrow = "5";
Spróbuj sam "

Definicja i Wykorzystanie

Nieruchomość flexGrow określa ile pozycja wzrośnie w stosunku do pozostałej części elastycznych elementów wewnątrz samego pojemnika.

Note: Jeśli element nie jest elastyczny element, właściwość flexGrow nie ma żadnego wpływu.


Wsparcie przeglądarka

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Nieruchomość flexGrow jest obsługiwana w IE10 +, Firefox, Opera i Chrome.

Uwaga: Safari 6.1+ obsługuje alternatywę, właściwość WebkitFlexGrow.


Składnia

Zwraca właściwość flexGrow:

object .style.flexGrow

Ustaw właściwość flexGrow:

object .style.flexGrow=" wartości nieruchomości
Wartość Opis
number Liczba określająca, ile pozycja wzrośnie w stosunku do pozostałych elementów elastycznych. Wartość domyślna to 0
initial Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy
inherit Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć

Szczegóły techniczne

Domyślna wartość: 0
Zwracana wartość: Ciąg reprezentujący Flex-rosną własności elementu
Wersja CSS CSS3

Podobne strony

Odniesienie CSS: flex-grow property

HTML DOM STYL referencyjny: flex property

HTML DOM STYL referencyjny: flexBasis property

HTML DOM STYL referencyjny: flexDirection property

HTML DOM STYL referencyjny: flexFlow property

HTML DOM STYL referencyjny: flexShrink property

HTML DOM STYL referencyjny: flexWrap property


<Style obiektu