Tematy: szerokość | szerokość minimalna | szerokość maksymalna
wysokość | wysokość minimalna | wysokość maksymalna
Dane w pigułce | |
Zastosowanie | określenie maksymalnej dopuszczalnej wysokości elementu |
Dziedziczenie | nie |
Wartości | wartość w jednostkach lub procentach, none |
Wartość domyślna | none |
Przykład | max-height: 5em; |
Uwagi | wartość procentowa obliczana jest w stosunku do elementu nadrzędnego |
Odpowiednik w HTML | n.d. |
Aby zdefiniować maksymalną wysokość elementu blokowego, należy wpisać w definicji stylu max-height: wartość.
Polecenie określa maksymalną dozwoloną wysokość elementu, czyli dopuszcza co najwyżej tę wysokość.
Przykład tekstu:
<P style="max-height:3mm; color:red">Akapit z maksymalną dopuszczalną wysokością 3mm</P>
Akapit z maksymalną dopuszczalną wysokością pojemnika 3mm. Gdy go przekroczy, wyleje się poza pojemnik i nałoży na następny element.
Przykład grafiki - ilustracja o nominalnej wysokości 236 pikseli ma wymuszoną wysokość co najwyżej 150 pikseli.
<img src="kubus.jpg" width="263" height="236" alt="Kubuś" style="max-height:150px">