CSS mod() -funktio

Edellinen sivu CSS minmax()-funktio
Seuraava sivu CSS oklab()-funktio
Palaa ylös CSS funktioviittausopas

Määrittely ja käyttö

CSS:n mod() Funktiolla palautetaan yhden luvun (jaon vastaanottaja) ja toisen luvun (jaon tekijä) välillä oleva jäännös.

Esimerkki: mod(9, 2) = 1. (9 / 2 = 4; 4 * 2 = 8, jäännös = 1)

Esimerkki: mod(9, -2) = 1. (9 / -2 = 4; 4 * -2 = -8, jäännös = -1)}

Selitys: 9 / -2 = -4.5, mutta otetaan kokonaislukuksi -4; -4 * -2 = 8, koska otetaan kokonaislukuksi, todellisessa laskussa katsotaan 9 - 8 = 1, tai suoraan määritellään jäännös -1:n vastakkaiseksi 1:lle, huomaa tuloksen merkki on sama kuin jakajan merkki. Todellisessa laskussa mod:n käsittely voi vaihdella toteutuksesta riippuen, mutta se noudattaa yleensä matemaattisten jäännöslaskun sääntöjä ja ottaa huomioon jakajan merkin.

Huomaa:Tulokset käyttävät aina jakajan merkkiä.

Esimerkit

Jotkut mod() Esimerkki:

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