CSS rem() Funktion

Definition und Verwendung

CSS rem() Die Funktion gibt den Rest zurück, der erhalten wird, wenn eine Zahl (Dividend) durch eine andere Zahl (Divisor) geteilt wird.

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

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

Beachten Sie:Das Ergebnis ist immer das Zeichen des Divisors.

Beispiele

Einige rem() Beispiel:

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

CSS Syntax

rem(dividend, divisor)

Technische Details

Browser-Unterstützung

Die Zahlen in der Tabelle stellen die Versionsnummer der ersten Browser dar, die diese Funktion vollständig unterstützen.

Verwandte Seiten

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 mod() Funktion

Referenz:CSS pow() Funktion