Opis

flex-shrink określa, w jaki sposób element będzie się kurczyć w stosunku do pozostałej części elastycznych elementów wewnątrz tego samego pojemnika.

Domyślnie elementy są ściskane (flex-shrink:1;) aby zmieścić się w pojemniku (o ile zawartość im pozwala).

Przykład
1
ścisk
3
Kod:
Wartości

flex-shrink: number|initial|inherit;

WartośćOpis
number
 1 (100% normy)
Liczba (>=0) określająca, o ile element skurczy się w stosunku do przepełnienia kontenera i tej własności u reszty elastycznych pojemników.
Wartość domyślna to: 1 (ściskanie o ile zawartość pozwala).
initial Ustawia tę właściwość na wartość domyślną.
inherit Dziedziczy tę właściwość po elemencie nadrzędnym.
Przykłady: 0.5 (50% normy)  |   0 (0% - nic)  |   2 (ścisk x2)  |   99 (mocny ścisk ! ale tylko do zawartości)
Info: Domyślna wartość: 1
Dziedziczenie:
Animowalność:
JavaScript: object.style.flexShrink