Funkcja mod() w CSS

Strona poprzednia Funkcja CSS minmax()
Strona następna Funkcja CSS oklab()
Wróć do poprzedniego poziomu Podręcznik referencyjny funkcji CSS

Definicja i użycie

CSS mod() Funkcja zwraca resztę z dzielenia jednej liczby (liczby dzielnej) przez inną liczbę (liczbę dzielnika).

Przykład: mod(9, 2) = 1. (9 / 2 = 4; 4 * 2 = 8, reszta = 1)

Przykład: mod(9, -2) = 1. (9 / -2 = 4; 4 * -2 = -8, reszta = -1)}

Wyjaśnienie: 9 / -2 = -4.5, ale zaokrąglone do -4; -4 * -2 = 8, ponieważ kierunek zaokrąglania, w rzeczywistym obliczeniu uważane jest za 9 - 8 = 1, lub bezpośrednio z definicji reszty wynosi -1, przeciwny znak wyniku jest taki sam jak znak dzielnika. W rzeczywistym przetwarzaniu mod może się różnić w zależności od implementacji, ale zazwyczaj zgodnie z regułami reszty matematycznej i uwzględniając znak dzielnika.

Uwaga:Wynik zawsze przyjmuje znak dzielnika.

Przykłady

Niektóre mod() Przykłady:

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 */