CSS function mod()

Опис

Експериментальна технологія: Перед використанням уважно перевірте таблицю сумісності з браузерами.

Функція mod() приймає два числових аргументи і повертає залишок від ділення першого числа на друге. Наприклад, якщо ви використовуєте mod(10, 3), результат буде 1, оскільки 10 поділено на 3 дає 3 з залишком 1. Функція mod()може бути корисною, коли вам потрібно виконати операції, пов'язані з циклічністю, або коли вам потрібно знайти елементи, які знаходяться на певних позиціях у списку.

Приклад використання функції mod() в CSS:

div {
  margin: mod(1000px, 29rem);
}
Порада:

Функція mod() може бути особливо корисною при роботі зі списками або генеруванні анімацій, де вам потрібно змінювати стилі на основі позицій елементів.

Синтаксис

mod(<number1>, <number2>);
<number1>

Числове значення, перше число для обчислення залишку від ділення.

<number2>

Числове значення, друге число для обчислення залишку від ділення.

Переглядачі

Переглядач

15.4

Переглядач

15.4


Мобільних переглядачів ще не додано.

Приклади

Прикладів ще не додано