Функция CSS min()

Определение и использование

CSS min() Функция выбирает наименьшее значение из списка значений, разделенных запятыми, в качестве значения атрибута.

Совет:Вы можете установить min() Функция рассматривается как используемая для установки максимального ограничения значения элемента.

Пример

Использование min() Установите ширину #div1 не более 300px, но если ширина экрана меньше 600px, ширина будет меньше (50%):

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

Попробуйте сами

Грамматика CSS

min(value1, value2, ...)
Значение Описание
value1, value2, ... Обязателен. Список значений, разделенных запятыми, из которых выбирается наименьшее значение.

Технические детали

Версия: Модуль значений и единиц CSS уровня 4

Поддержка браузеров

Таблица цифр показывает версию первого браузера, который полностью поддерживает эту функцию.

Chrome Edge Firefox Safari Opera
79 79 75 11.1 66

Связанные страницы

Справка:Функция max() в CSS

Урок:Математические функции CSS