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
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