CSS właściwość max-height

Definicja i użycie

Atrybut max-height ustawia maksymalną wysokość elementu.

Wyjaśnienie

Wartość tego atrybutu ustawia maksymalną granicę wysokości elementu. Dlatego element może być niższy niż określona wartość, ale nie wyższy. Nie można określić ujemnej wartości.

Komentarz:Atrybut max-height nie obejmuje marginesów, krawędzi i wewnętrznych marginesów.

Zobacz również:

Kurs CSS:Rozmiary CSS

Kurs CSS:Atrybut min-height

Podręcznik HTML DOM:Atrybut maxHeight

Przykład

Ustawienie maksymalnej wysokości akapitu:

p
  {
  max-height:100px;
  }

Spróbuj sam

Gramatyka CSS

max-height: brak|length|initial|dziedziczona;

Wartość atrybutu

Wartość Opis
brak Domyślnie. Definiuje brak ograniczeń co do maksymalnej wysokości elementu.
length Definiuje maksymalną wysokość elementu.
% Definiuje maksymalną wysokość w procentach względem blokowego obiektu, który go zawiera.
dziedziczona Definiuje, że wartość max-height powinna być dziedziczona od elementu nadrzędnego.

Szczegółowe informacje techniczne

Domyślna wartość: brak
Inherentywność: nie
Wersja: CSS2
Gramatyka JavaScript: object.style.maxHeight="50px"

Próbka TIY

Ustawienie maksymalnej wysokości elementu
Ten przykład pokazuje, jak ustawić maksymalną wysokość elementu.

Obsługa przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
1.0 7.0 1.0 2.0.2 7.0