Szerokość maksymalna

Dane w pigułce
Zastosowanie	określenie maksymalnej dopuszczalnej szerokości elementu
Dziedziczenie	nie
Wartości	wartość w jednostkach lub procentach, none
Wartość domyślna	none
Przykład	max-width:250px
Uwagi	wartość procentowa obliczana jest w stosunku do elementu nadrzędnego
Odpowiednik w HTML	n.d.

Aby zdefiniować maksymalną szerokość elementu blokowego, należy wpisać w definicji stylu max-width: wartość.

Polecenie określa dozwolone maksimum szerokości dla elementu.

Przykład ograniczenia tekstu:

<h1 style="max-width:250px">Ten tytuł ma maksymalną szerokość 250 pikseli</h1>

Ten tytuł ma maksymalną szerokość 250 pikseli

Przykład ograniczenia grafiki - zwróć uwagę, że obrazek ma nominalną szerokość 263 piksele, zaś max-width wynosi tylko 150px:

<img src="kubus.jpg" width="263" height="236" alt="Kubuś" style="max-width:150px" >

Internet Explorer 7 i Opera zmniejszają wtedy oba wymiary, natomiast Firefox jedynie szerokość.

Interpretacja: Internet Explorer 7, Firefox i Opera.