CSS mod() funktionen

Föregående sida CSS minmax() funktion
Nästa sida CSS oklab() funktion
Gå tillbaka till föregående nivå CSS funktion referenshandbok

Definition och användning

CSS mod() Funktionen returnerar resten av divisionen av ett tal (divisor) med ett annat tal (dividend).

Exempel: mod(9, 2) = 1. (9 / 2 = 4; 4 * 2 = 8, rest = 1)

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

Förklaring: 9 / -2 = -4.5, men avrundas till -4; -4 * -2 = 8, på grund av avrundningsriktningen, ses det faktiska beräkningen som 9 - 8 = 1, eller enligt definitionen av resten direkt får -1s motsats 1, notera att resultatets tecken är lika med delaren. I praktiken kan behandlingen av mod variera beroende på implementeringen, men följer vanligtvis matematiska regler för att ta resten och beaktar delarens tecken.

Observera:Resultatet antar alltid tecknet på delaren.

exempel

Några mod() Exempel:

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