Kurs języka HTML i CSS

Poradnik webmastera

  • Zwiększ rozmiar czcionki
  • Domyślny  rozmiar czcionki
  • Zmniejsz rozmiar czcionki
Rozmiary

Szerokość maksymalna

Email Drukuj PDF

Tematy: szerokość | szerokość minimalna | szerokość maksymalna | wysokość | wysokość minimalna | wysokość 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" >

Kubuś

Interpretacja: Internet Explorer, Firefox, Opera, Chrome

 

CSS. Tworzenie nowoczesnych stron WWW.

CSS3. Tworzenie nowoczesnych stron WWW
(czerwiec 2012)

HTML5 i CSS3. Standardy przyszłości

HTML5 i CSS3
Standardy przyszłości

CSS3. Szybki start. Wydanie V

CSS3. Szybki start.
Wydanie V