Przykład
Niech niebieski Element DIV kurczyć pięć razy więcej niż w pozostałej części elastycznych elementów:
document.getElementById("myBlueDiv".style.flexShrink = "5"; Spróbuj sam " Definicja i Wykorzystanie
Nieruchomość flexShrink określa jak element będzie się kurczyć 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ść flexShrink nie ma żadnego wpływu.
Wsparcie przeglądarka
Nieruchomość flexShrink jest obsługiwana w IE10 +, Firefox, Opera i Chrome.
Uwaga: Safari 6.1+ obsługuje alternatywę, właściwość WebkitFlexShrink.
Składnia
Zwraca właściwość flexShrink:
object .style.flexShrink Ustaw właściwość flexShrink:
object .style.flexShrink=" wartości nieruchomości Wartość Opis number Liczba określająca, ile pozycja będzie się kurczyć 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ść: 1 Zwracana wartość: Ciąg reprezentujący Flex-kurczyć własności elementu Wersja CSS CSS3
Podobne strony
Odniesienie CSS: flex-shrink 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: flexGrow property
HTML DOM STYL referencyjny: flexWrap property
<Style obiektu