Funkcja round() CSS

Definicja i użycie

CSS round() Funkcja zaokrąglania liczby do najbliższej wielokrotności określonej przerzutki według określonej strategii zaokrąglania.

Przykład

Użyj round() Zaokrąglaj liczby do najbliższej wielokrotności określonej przerzutki w zależności od określonej strategii zaokrąglania:

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

Spróbuj sam

Gramatyka CSS

round(rounding-strategy, valuetoround, roundinginterval)
Wartość Opis
rounding-strategy

Opcjonalnie. Określ strategię zaokrąglania. Może przyjąć jedną z następujących wartości:

  • nearest: Domyślna wartość. Zaokrąglij wartość valuetoround do najbliższej wielokrotności roundinginterval
  • up: Zaokrąglij wartość valuetoround do najbliższej wielokrotności roundinginterval w górę
  • down: Zaokrąglij wartość valuetoround do najbliższej wielokrotności roundinginterval w dół
  • to-zero: Zaokrąglij wartość valuetoround do najbliższej wielokrotności roundinginterval, bliżej zera
valuetoround Wymagane. Wartość do zaokrąglenia (liczba, procent, rozmiar lub wyrażenie matematyczne).
roundinginterval Wymagane. Przerzutka (liczba, procent, rozmiar lub wyrażenie matematyczne).

Szczegóły techniczne

Wersja: CSS4

Obsługa przeglądarek

Liczby w tabeli oznaczają pierwszą wersję przeglądarki, która w pełni obsługuje tę funkcję.

Chrome Edge Firefox Safari Opera
125 125 118 15.4 111

Strony związane

Referencje:Funkcja acos() CSS

Referencje:Funkcja asin() CSS

Referencje:Funkcja atan() CSS

Referencje:Funkcja atan2() CSS

Referencje:Funkcja calc() CSS

Referencje:Funkcja cos() CSS

Referencje:Funkcja exp() CSS

Referencje:Funkcja hypot() CSS

Referencje:Funkcja log() w CSS

Referencje:Funkcja mod() w CSS

Referencje:Funkcja pow() w CSS