Fonction mod() CSS

Définition et utilisation

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

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

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

Explication : 9 / -2 = -4.5, mais arrondi à -4 ; -4 * -2 = 8, en raison de l'arrondi directionnel, il est considéré comme 9 - 8 = 1 dans le calcul réel, ou directement obtenir -1 comme le contraire de 1 selon la définition du reste. Notez que le signe du résultat est le même que celui du diviseur. Dans le calcul réel, la gestion de mod peut varier d'une implémentation à l'autre, mais suit généralement les règles de la division restante en mathématiques et prend en compte le signe du diviseur.

Remarque :Les résultats sont toujours pris avec le signe du diviseur.

Exemples

Certains mod() Exemples :

line-height: mod(9, 2); /* 1 */
line-height: mod(19, 4); /* 3 */
line-height: mod(3.5, 3); /* 0.5 */
padding: mod(9%, 2%); /* 1% */
padding: mod(19px, 4px); /* 3px */
padding: mod(19rem, 4rem); /* 3rem */
rotate: mod(120deg, 25deg); /* 20deg */
rotate: mod(120deg, -25deg); /* -20deg */
rotate: mod(-90deg, 15deg); /* 5deg */
rotate: mod(-90deg, -15deg); /* -5deg */

Grammaire CSS

mod(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.

Page(s) associée(s)

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 pow() CSS

Référence :Fonction sin() CSS

Référence :Fonction sqrt() CSS

Référence :Fonction tan() CSS