Opis

max-width określa maksymalną szerokość elementu.

Jeśli zawartość jest większa niż maksymalna szerokość, automatycznie zmieni wysokość elementu.

Wartość max-width przesłania width (zapobiega zwiększeniu wartości width powyżej max-width).

Zobacz też: width, min-width, max-height, min-height.

Przykład

akapit Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut.

Kod:
Wartości

max-width: none|length|initial|inherit;

WartośćOpis
none Domyślne. Brak maksymalnej szerokości.
length
%


170px | 50%
Określa maksymalną szerokość w px, cm, itp. lub w % szerokości elementu go zawierającego. Zobacz jednostki
initial Ustawia tę właściwość na wartość domyślną.
inherit Dziedziczy tę właściwość po elemencie nadrzędnym.
fit-content CSS 3
max-content CSS 3
min-content CSS 3
Przykłady:   |     |     |     |  
Info: Domyślna wartość: none
Dziedziczenie:
Animowalność:
JavaScript: object.style.maxWidth