Funkcja min() w CSS

Definicja i użycie

CSS min() Funkcja wybiera najmniejszą wartość z listy wartości oddzielonych przecinkami jako wartość atrybutu.

Wskazówka:Możesz ustawić min() Funkcja jest traktowana jako wartość maksymalna ustawiana dla elementu.

Przykład

Użyj min() Ustaw szerokość #div1 na maksymalnie 300px, ale jeśli szerokość viewport jest mniejsza niż 600px, szerokość będzie mniejsza (50%):

#div1 {
  background-color: yellow;
  height: 80px;
  width: min(50%, 300px);
}

Spróbuj sam

Gramatyka CSS

min(value1, value2, ...)
Wartość Opis
value1, value2, ... Wymagane. Lista wartości oddzielonych przecinkami, z której wybiera się najmniejszą wartość.

Szczegóły techniczne

Wersja: Moduł CSS Values and Units Level 4

Wspierane przeglądarki

Tabela zawiera wersje przeglądarek, które w pełni wspierają tę funkcję.

Chrome Edge Firefox Safari Opera
79 79 75 11.1 66

Strony związane

Referencje:Funkcja max() w CSS

Tutorial:Funkcje matematyczne CSS