szermaks














Kaskadowe arkusze stylów CSS: szerokość maksymalna









Tematy: szerokość | szerokość minimalna | szerokość maksymalna
wysokość | wysokość minimalna | wysokość maksymalna







Strona główna kursu
Style
Wstęp
Narzędzia
Budowa stylu
Selektory
Kaskadowość i dziedziczenie
Wstawianie stylów
Jednostki miary
Własności czcionek
Własności tekstu
Kolor i tło
Marginesy i odstępy
Obramowania
Wykazy
Tabele
Rozmiary
Pozycjonowanie
Wyświetlanie
Obrys
Własności drukowania
Zawartość generowana
Suwaki





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.







Wyszukiwarka