Fonction rem() CSS

Définition et utilisation

CSS rem() La fonction retourne le reste de la division d'un nombre (dividende) par un autre nombre (diviseur).

Exemple : rem(9, 2) = 1. (9 / 2 = 4 ; 4 * 2 = 8, reste = 1)

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

Attention :Le résultat est toujours le signe du diviseur.

Exemples

Certains rem() Exemples :

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

Syntaxe CSS

rem(dividend, divisor)

Détails techniques

Prise en charge du navigateur

Les nombres dans le tableau représentent la version du navigateur qui prend en charge cette fonction pour la première fois.

Pages associées

Référence :Fonction acos() CSS

Référence :Fonction asin() CSS

Référence :Fonction atan() CSS

Référence :Fonction atan2() CSS

Référence :Fonction calc() CSS

Référence :Fonction cos() CSS

Référence :Fonction exp() CSS

Référence :Fonction hypot() CSS

Référence :fonction log() CSS

Référence :fonction mod() CSS

Référence :fonction pow() CSS