Własność CSS min-height określa minimalną możliwą wysokość elementu. Sposób jej działania różni się w zależności od ustawienia własności box-sizing
, czyli wybranego modelu polowego CSS.
Jeśli włączony jest standardowy model polowy, to własność min-height
określa wysokość obszaru treści, do której następnie dodawane są obszar dopełnienia i obramowania.
Jeśli natomiast włączony jest alternatywny model polowy, to własność min-height
określa wysokość całego elementu, czyli obszaru obejmowanego przez krawędzie obramowania.
Wartości i składnia
Własność min-height
jako wartość przyjmuje liczby z jednostką długości, wartości procentowe oraz słowa kluczowe: auto
, fit-content
, max-content
i min-content
. Ich szczegółowy opis wraz z przykładami znajduje się w opisie własności CSS height.
Przykład
W tym przypadku element section
będzie miał wysokość niemniejszą niż 300 pikseli:
Zastosowanie
Własność min-height
ma zastosowanie do wszystkich elementów HTML z wyjątkiem śródliniowych elementów niezastępowanych, wierszy tabeli i grup wierszy tabeli.
Podsumowanie
Zastosowanie | Wszystkie elementy HTML z wyjątkiem śródliniowych elementów niezastępowanych, wierszy tabeli i grup wierszy tabeli |
---|---|
Obsługiwane wartości |
|
Wartość początkowa | auto |
Dziedziczenie | Nie |
Specyfikacja | CSS Box Sizing Module Level 3 |