Función rem() de CSS

Definición y uso

CSS rem() La función devuelve el resto de dividir un número (dividendo) por otro número (divisor).

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

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

Nota:El resultado siempre toma el signo del divisor.

Ejemplos

Algunos rem() Ejemplo:

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

Sintaxis de CSS

rem(dividend, divisor)

Detalles técnicos

Compatibilidad del navegador

Los números en la tabla representan la versión del navegador que admite completamente la función por primera vez.

Páginas relacionadas

Referencia:Función acos() de CSS

Referencia:Función asin() de CSS

Referencia:Función atan() de CSS

Referencia:Función atan2() de CSS

Referencia:Función calc() de CSS

Referencia:Función cos() de CSS

Referencia:Función exp() de CSS

Referencia:Función hypot() de CSS

Referencia:Función CSS log()

Referencia:Función CSS mod()

Referencia:Función CSS pow()