Функция rem() CSS

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

CSS rem() Функция возвращает оставшийся после деления чисел (делитель) и чисел (делимое) остаток.

Пример: rem(9, 2) = 1. (9 / 2 = 4; 4 * 2 = 8, остаток = 1)

Пример: rem(9, -2) = 1. (9 / -2 = 4; 4 * -2 = -8, остаток = -1)

Примечание:Результат всегда принимает знак делителя.

Примеры

Некоторые rem() Пример:

line-height: rem(9, 2); /* 1 */
line-height: rem(19, 4); /* 3 */
line-height: rem(3.5, 3); /* 0.5 */
padding: rem(9%, 2%); /* 1% */
padding: rem(19px, 4px); /* 3px */
padding: rem(19rem, 4rem); /* 3rem */
rotate: rem(120deg, 25deg); /* 20deg */
rotate: rem(120deg, -25deg); /* -20deg */
rotate: rem(-90deg, 15deg); /* 5deg */
rotate: rem(-90deg, -15deg); /* -5deg */

Грамматика CSS

rem(dividend, divisor)
Значение Описание
dividend Обязателен. Делитель (число, процент или размер)
divisor Обязателен. Делимое (число, процент или размер)

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

Версия: CSS4

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

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

Chrome Edge Firefox Safari Opera
125 125 118 15.4 111

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

См. также:Функция acos() CSS

См. также:Функция asin() CSS

См. также:Функция atan() CSS

См. также:Функция atan2() CSS

См. также:Функция calc() CSS

См. также:Функция cos() CSS

См. также:Функция exp() CSS

См. также:Функция hypot() CSS

См. также:Функция log() в CSS

См. также:Функция mod() в CSS

См. также:Функция pow() в CSS