CSS mod() Funktion

Definition und Verwendung

CSS mod() Die Funktion gibt den Modulo-Wert zurück, der das Restergebnis der Division einer Zahl (Dividend) durch eine andere Zahl (Divisor) darstellt.

Beispiel: mod(9, 2) = 1. (9 / 2 = 4; 4 * 2 = 8, Rest = 1)

Beispiel: mod(9, -2) = 1. (9 / -2 = 4; 4 * -2 = -8, Rest = -1)}

Erklärung: 9 / -2 = -4.5, aber aufgerundet auf -4; -4 * -2 = 8, da der Rundungsrichtung, wird in der tatsächlichen Berechnung als 9 - 8 = 1 betrachtet, oder direkt nach der Definition des Rests erhalten -1 des Gegenteils 1, beachten Sie, dass das Zeichen des Ergebnisses mit dem Divisor identisch ist. In der tatsächlichen Berechnung kann die Behandlung von mod von der Implementierung abhängen, aber sie folgt in der Regel den mathematischen Regeln für den Rest und berücksichtigt das Zeichen des Divisors.

Hinweis:Die Ergebnisse werden immer mit dem Zeichen des Divisors angegeben.

Beispiele

Einige mod() Beispiel:

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

CSS Syntax

mod(dividend, divisor)

Technische Details

Browser-Unterstützung

Die Zahlen in der Tabelle geben die Versionsnummer des ersten Browsers an, der diese Funktion vollständig unterstützt.

Verwandte Seite

Referenz:CSS acos() Funktion

Referenz:CSS asin() Funktion

Referenz:CSS atan() Funktion

Referenz:CSS atan2() Funktion

Referenz:CSS calc() Funktion

Referenz:CSS cos() Funktion

Referenz:CSS exp() Funktion

Referenz:CSS hypot() Funktion

Referenz:CSS log() Funktion

Referenz:CSS pow() Funktion

Referenz:CSS sin() Funktion

Referenz:CSS sqrt() Funktion

Referenz:CSS tan() Funktion