CSS mod() functie

Vorige pagina CSS minmax() functie
Volgende pagina CSS oklab() functie
Ga naar de vorige laag CSS Function Reference Manual

Definitie en gebruik

CSS van mod() De functie retourneert het residu van het delen van een getal (deler) door een ander getal (divisiet)

Voorbeeld: mod(9, 2) = 1. (9 / 2 = 4; 4 * 2 = 8, overblijfsel = 1)

Voorbeeld: mod(9, -2) = 1. (9 / -2 = 4; 4 * -2 = -8, residu = -1)}

uitleg: 9 / -2 = -4.5, maar wordt afgerond op -4; -4 * -2 = 8, vanwege de afgeronde richting, wordt dit in de werkelijke berekening gezien als 9 - 8 = 1, of volgens de definitie van het residu rechtstreeks het tegengestelde van -1 krijgen 1, let op het teken van het resultaat is hetzelfde als het teken van de deler. In de praktijk kan de behandeling van mod variëren afhankelijk van de implementatie, maar volgt meestal de wiskundige regel van het nemen van het residu en overweegt het teken van de deler.

Opmerking:het resultaat neemt altijd het teken van de deler aan.

voorbeelden

enkele mod() Voorbeelden:

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