тк 3 июля праздник (в беларуси), буду не онлайн (по возможности буду отвечать)

Функция min

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

В настоящее время имеет очень слабую поддержку в браузерах.

Синтаксис

селектор { свойство: min(значение1, значение2); }

Пример

Сейчас ширина блока будет иметь значение или 300px или 50% от родителя, в зависимости от того, какое из значений меньше:

<div id="parent"> <div id="child"></div> </div> #child { width: min(300px, 50%); height: 100px; margin: 0 auto; border: 1px solid red; } #parent { border: 1px solid green; }

:

Смотрите также

  • функцию max,
    которая возвращает максимальное значение
  • функцию calc,
    которая вычисляет значения свойств