Właściwość flexShrink stylu
Przykład
Niech niebieski element DIV skurczy się pięć razy bardziej niż reszta elastycznych elementów:
document.getElementById("myBlueDiv".style.flexShrink = "5";
Definicja i użycie
Właściwość flexShrink określa, w jaki sposób element będzie się zmniejszał w stosunku do pozostałych elementów elastycznych w tym samym kontenerze.
Uwaga: Jeśli element nie jest elementem elastycznym, właściwość flexShrink nie ma żadnego efektu.
Obsługa przeglądarki
Property | |||||
---|---|---|---|---|---|
flexShrink | Yes | 11.0 | Yes | 9.0 | Yes |
Składnia
Zwróć właściwość flexShrink:
object.style.flexShrink
Ustaw właściwość flexShrink:
object.style.flexShrink = "number|initial|inherit"
Wartości nieruchomości
Value | Description |
---|---|
number | A number specifying how much the item will shrink relative to the rest of the flexible items. Default value is 0 |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Szczegóły techniczne
Domyślna wartość: | 1 |
---|---|
Wartość zwrotu: | String, reprezentujący właściwość flex-shrink elementu |
Wersja CSS | CSS3 |
Powiązane strony
Odniesienie CSS: właściwość flex-shrink
Odniesienie HTML DOM STYLE: właściwość flex
Odniesienie HTML DOM STYLE: właściwość flexBasis
HTML DOM STYLE Reference: właściwość flexDirection
Odniesienie HTML DOM STYLE: właściwość flexFlow
Odniesienie HTML DOM STYLE: właściwość flexGrow
Odniesienie HTML DOM STYLE: właściwość flexWrap
❮ Obiekt stylu