Właściwość CSS min-width

Definicja stylu, przeznaczenie i użycie min-width

Właściwość min-width definiuje minimalną szerokość elementu.

Jeśli zawartość jest większa niż podana wartość min-width, właściwość min-width jest bez znaczenia.

Jeśli zawartość jest mniejsza niż min-width, automatycznie zmieni szerokość elementu dostosowując się do podanej wartości min-width.

Uwaga: dzięki temu wartość właściwości width nie będzie mniejsza niż min-width.

Wartości właściwości min-width

Składnia CSS min-width

min-width: length | initial | inherit;

Wsparcie przeglądarek dla właściwości min-width

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

Właściwość
min-width	1.0	7.0	1.0	2.0.2	4.0

Przykładowe zastosowania z właściwością min-width

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

div {
    width:10px;
    min-width:100%;
}

Przykłady właściwości min-width

min-width: 50px;

min-width: 200em;