Funzione rem() CSS

Definizione e uso

CSS rem() La funzione restituisce il resto di una divisione di un numero (dividendo) per un altro numero (divisore).

Esempio: rem(9, 2) = 1. (9 / 2 = 4; 4 * 2 = 8, resto = 1)

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

Attenzione:Il risultato è sempre il segno del divisore.

Esempi

Alcuni rem() Esempio:

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

Sintassi CSS

rem(dividend, divisor)
Valore Descrizione
dividend Obbligatorio. Dividendo (valore numerico, percentuale o valore di dimensione).
divisor Obbligatorio. Divisore (valore numerico, percentuale o valore di dimensione).

Dettagli tecnici

Versione: CSS4

Supporto del browser

I numeri nella tabella rappresentano la versione del browser che supporta completamente la funzione per la prima volta.

Chrome Edge Firefox Safari Opera
125 125 118 15.4 111

Pagina correlata

Riferimento:Funzione acos() CSS

Riferimento:Funzione asin() CSS

Riferimento:Funzione atan() CSS

Riferimento:Funzione atan2() CSS

Riferimento:Funzione calc() CSS

Riferimento:Funzione cos() CSS

Riferimento:Funzione exp() CSS

Riferimento:Funzione hypot() CSS

Riferimento:Funzione log() CSS

Riferimento:Funzione mod() CSS

Riferimento:Funzione pow() CSS