Właściwość CSS height

Definicja stylu, przeznaczenie i użycie height

Właściwość height określa wysokość elementu.

Wysokość elementu nie obejmuje dopełnienia, obramowań ani marginesów!

Przy ustawieniu height: auto; element automatycznie dostosuje swoją wysokość, aby umożliwić prawidłowe wyświetlanie zawartości.

Jeśli height jest ustawiona na wartość liczbową (np. piksele, em, procenty), to jeśli zawartość nie mieści się w określonej wysokości, zostanie przepełniona. Sposób, w jaki kontener będzie obsługiwał przepełnioną zawartość, jest definiowany przez właściwość overflow.

Uwaga: właściwości min-height i max-height zastępują właściwość height.

Wartości właściwości height

Składnia CSS height

height: auto | length | initial | inherit;

Wsparcie przeglądarek dla właściwości height

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Właściwość
height	1.0	4.0	1.0	1.0	7.0

Przykładowe zastosowania z właściwością height

Kliknij wartości właściwości poniżej, aby zobaczyć wynik.

div {
    height:auto;
}

Przykłady właściwości height

height: auto;

height: 20px;

height: 50%;