CSS round() Funktion

Definition und Verwendung

CSS round() Die Funktion rundet die Zahl gemäß der angegebenen Rundungsstrategie auf das nächstgelegene Vielfache des Rundungsintervalls.

Verwenden Sie round() Runden Sie die Zahl gemäß der angegebenen Rundungsstrategie auf die nächstgelegene Vielfache des Rundungsintervalls:

div.box2 {
  height: round(up, 105px, 25px);
}
div.box3 {
  height: round(down, 120px, 25px;
}
div.box4 {
  height: round(to-zero, 115px, 25px);
}

round(rounding-strategy, valuetoround, roundinginterval)

Wert	Beschreibung
rounding-strategy	Optional. Bestimmen Sie die Rundungsstrategie. Dies kann einer der folgenden Werte sein: nearest: Standardwert. Runden Sie den Wert von valuetoround auf die nächstgelegene Vielfache des roundinginterval. up: Runden Sie den Wert von valuetoround auf die nächstgelegene Vielfache des roundinginterval hin hoch. down: Runden Sie den Wert von valuetoround auf die nächstgelegene Vielfache des roundinginterval hinunter. to-zero: Runden Sie den Wert von valuetoround auf die nächstgelegene Vielfache des roundinginterval und näher an Null.
valuetoround	Erforderlich. Der zu rundende Wert (Zahl, Prozentsatz, Größe oder mathematische Ausdrücke).
roundinginterval	Erforderlich. Rundungsintervall (Zahl, Prozentsatz, Größe oder mathematische Ausdrücke).

Wert

Beschreibung

rounding-strategy

Optional. Bestimmen Sie die Rundungsstrategie. Dies kann einer der folgenden Werte sein:

nearest: Standardwert. Runden Sie den Wert von valuetoround auf die nächstgelegene Vielfache des roundinginterval.
up: Runden Sie den Wert von valuetoround auf die nächstgelegene Vielfache des roundinginterval hin hoch.
down: Runden Sie den Wert von valuetoround auf die nächstgelegene Vielfache des roundinginterval hinunter.
to-zero: Runden Sie den Wert von valuetoround auf die nächstgelegene Vielfache des roundinginterval und näher an Null.

valuetoround

Erforderlich. Der zu rundende Wert (Zahl, Prozentsatz, Größe oder mathematische Ausdrücke).

roundinginterval

Erforderlich. Rundungsintervall (Zahl, Prozentsatz, Größe oder mathematische Ausdrücke).

Version:	CSS4

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

Chrome	Edge	Firefox	Safari	Opera
125	125	118	15.4	111