Функция mod() в CSS

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

CSS mod() Функция возвращает модуль remainder от деления одного числа (делимого) на другое число (делитель)

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

Пример: mod(9, -2) = 1. (9 / -2 = 4; 4*-2 = -8, reste =-1)

Объяснение: 9 / -2 = -4.5, но округляется до -4; -4 * -2 = 8, из-за направления округления, фактически считается 9 - 8 = 1, или напрямую по определению reste -1, обратный 1, обратите внимание на знак результата и делителя. В фактических вычислениях обработка mod может варьироваться в зависимости от реализации, но обычно следуют правилам деления с остатком в математике и учитывают знак делителя.

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

примеры

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

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

Синтаксис CSS

mod(делено, делитель)
Значение Описание
делено Обязателен. Число, делящееся (число, процент или размер).
делитель Обязателен. Делимое (число, процент или размер).

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

Версия: CSS4

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

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

Chrome Edge Firefox Safari Opera
125 125 118 15.4 111

Соответствующие страницы

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

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

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

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

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

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

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

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

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

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

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

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

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