CSS rem() funktio

Määrittely ja käyttö

CSS rem() Funktio palauttaa luvun (jakojen arvon), joka on jäännös toisen luvun (jakajan) jakamisen jälkeen.

Esimerkki: rem(9, 2) = 1。（9 / 2 = 4；4 * 2 = 8，jäännös = 1）

Esimerkki: rem(9, -2) = 1。（9 / -2 = 4；4 * -2 = -8，jäännös = -1）

Huomaa:Tuloksena oleva arvo ottaa jakajan merkin.

Esimerkit

Jotkut rem() Esimerkki:

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 syntaksi

rem(jakojen arvo, jakoaja)
Arvo Kuvaus
jakojen arvo Välttämätön. Jakojen arvo (luku, prosentti tai mittayksikkö).
jakoaja Välttämätön. Jakaja (luku, prosentti tai mittayksikkö).

Tekninen yksityiskohta

Versio: CSS4

Selaintuen

Taulukossa olevat numerot merkitsevät ensimmäistä selainta, joka tukee tätä funktiota täysin.

Chrome Edge Firefox Safari Opera
125 125 118 15.4 111

Liittyvät sivut

Viittaus:CSS acos() funktio

Viittaus:CSS asin() funktio

Viittaus:CSS atan() funktio

Viittaus:CSS atan2() funktio

Viittaus:CSS calc() funktio

Viittaus:CSS cos() funktio

Viittaus:CSS exp() funktio

Viittaus:CSS hypot() funktio

Viittaus:CSS log() funktio

Viittaus:CSS mod() funktio

Viittaus:CSS pow() funktio