Własność CSS min-width

Własność CSS min-width określa minimalną możliwą szerokość 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-width określa szerokość 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-width określa szerokość całego elementu, czyli obszaru obejmowanego przez krawędzie obramowania.

Wartości i składnia

Własność min-width 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 width.

Przykład

W tym przypadku element section będzie miał szerokość niemniejszą niż 300 pikseli:

section {
  min-width: 300px;
}

Zastosowanie

Własność min-width ma zastosowanie do wszystkich elementów HTML z wyjątkiem śródliniowych elementów niezastępowanych, wierszy tabeli i grup wierszy tabeli.

Podsumowanie