Функция CSS min()
- Предыдущая страница Функция max() в CSS
- Следующая страница Функция minmax() в CSS
- Вернуться на один уровень вверх Референсное руководство по функциям CSS
Определение и использование
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
- Предыдущая страница Функция max() в CSS
- Следующая страница Функция minmax() в CSS
- Вернуться на один уровень вверх Референсное руководство по функциям CSS