CSS rem() functie

definitie en gebruik

CSS rem() de functie retourneert het residu van het delen van een getal (delnaar) door een ander getal (deler).

voorbeeld: rem(9, 2) = 1. (9 / 2 = 4; 4 * 2 = 8, overblijfende som = 1)

voorbeeld: rem(9, -2) = 1. (9 / -2 = 4; 4 * -2 = -8, overblijfende som = -1)

opmerking:het resultaat is altijd het teken van de deler.

voorbeeld

enkele rem() voorbeeld:

line-height: rem(9, 2); /* 1 */
line-height: rem(19, 4); /* 3 */
line-height: rem(3.5, 3); /* 0.5 */
padding: rem(9%, 2%); /* 1% */
padding: rem(19px, 4px); /* 3px */
padding: rem(19rem, 4rem); /* 3rem */
rotate: rem(120deg, 25deg); /* 20deg */
rotate: rem(120deg, -25deg); /* -20deg */
rotate: rem(-90deg, 15deg); /* 5deg */
rotate: rem(-90deg, -15deg); /* -5deg */

CSS syntaxis

rem(delnaar, deler)

technische details

browserondersteuning

De cijfers in de tabel geven de browserversie aan die de functie volledig ondersteunt.

gerelateerde pagina's

Referentie:CSS acos() functie

Referentie:CSS asin() functie

Referentie:CSS atan() functie

Referentie:CSS atan2() functie

Referentie:CSS calc() functie

Referentie:CSS cos() functie

Referentie:CSS exp() functie

Referentie:CSS hypot() functie

Referentie:CSS log() functie

Referentie:CSS mod() functie

Referentie:CSS pow() functie