clamp()¶

Функция clamp() задаёт значение в диапазоне между указанными нижней и верхней границами. Функция принимает три аргумента: минимальное значение, предпочитаемое значение и максимально допустимое.

Демо¶

Обратите внимание, что использование функции clamp() для размеров шрифта, как в этих примерах, позволяет задать размер шрифта, который растет вместе с размером области просмотра, но не опускается ниже минимального или выше максимального размера шрифта. Это дает тот же эффект, что и код в Fluid Typography, но в одной строке и без использования медиазапросов.

Синтаксис¶

Функция clamp() принимает в качестве аргументов три разделённых запятой выражения, указываемых в порядке: минимальное значение, предпочитаемое значение, максимальное значение.

Минимальное значение – наименьшее значение, являющееся нижней границей диапазона допустимых значений. Если "предпочитаемое" значение меньше "минимального", будет использоваться именно "минимальное".

Предпочитаемое значение – это выражение, чей результат будет использовать до тех пор, пока будет оставаться в пределах допустимого диапазона значений.

Максимальное значение – наибольшее значение, которое будет устанавливаться, если предпочитаемое будет превышать верхнюю границу допустимого диапазона.