Funzione mod() di CSS

Pagina precedente Funzione minmax() CSS
Pagina successiva Funzione oklab() CSS
Torna alla pagina precedente Manuale di riferimento delle funzione CSS

Definizione e uso

CSS mod() La funzione restituisce il residuo della divisione di un numero (dividendo) per un altro numero (divisore)

Esempio: mod(9, 2) = 1 (9 / 2 = 4; 4 * 2 = 8, resto = 1)

Esempio: mod(9, -2) = 1. (9 / -2 = 4; 4 * -2 = -8, residuo = -1)

Spiegazione: 9 / -2 = -4.5, ma arrotondato a -4; -4 * -2 = 8, a causa della direzione dell'arrotondamento, nel calcolo reale considerato come 9 - 8 = 1, o direttamente secondo la definizione del residuo ottenere il segno opposto 1 -1. Notare che il segno del risultato è lo stesso del divisore. Nella pratica, il trattamento di mod può variare a seconda dell'implementazione, ma di solito segue le regole della remainder matematica e considera il segno del divisore.

Attenzione:Il risultato è sempre adottato il segno del divisore.

esempi

Alcuni mod() Esempio:

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