Właściwość CSS max-width

Definicja stylu, przeznaczenie i użycie max-width

Właściwość max-width definiuje maksymalną szerokość elementu.

Jeśli zawartość jest mniejsza niż podana wartość max-width, właściwość max-width jest bez znaczenia.

Jeśli zawartość jest większa niż max-width, automatycznie zmieni szerokość elementu dostosowując się do podanej wartości max-width .

Uwaga: dzięki temu wartość właściwości height nie będzie większa niż max-width.

Wartości właściwości max-width

Składnia CSS max-width

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

Wsparcie przeglądarek dla właściwości max-width

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Właściwość
max-width	1.0	7.0	1.0	2.0.2	7.0

Przykładowe zastosowania z właściwością max-width

Kliknij wartości właściwości poniżej, aby zobaczyć wynik.

div {
    max-width:none;
}

Przykłady właściwości max-width

max-width: 50px;

max-width: 200em;,/p>