CSS rem() funktion

Definition och användning

CSS rem() Funktionen returnerar resten av divisionen av ett tal (divisor) med ett annat tal (delare).

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

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

Observera:Resultatet är alltid det tecken som tillhör delaren.

exempel

Några rem() Exempel:

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 syntax

rem(divisor, delare)

Tekniska detaljer

Webbläsarstöd

Talen i tabellen representerar den första webbläsarversion som helt stöder denna funktion.

Relaterade sidor

Referens:CSS acos() funktion

Referens:CSS asin() funktion

Referens:CSS atan() funktion

Referens:CSS atan2() funktion

Referens:CSS calc() funktion

Referens:CSS cos() funktion

Referens:CSS exp() funktion

Referens:CSS hypot() funktion

Referens:CSS log() funktion

Referens:CSS mod() funktion

Referens:CSS pow() funktion