Funkcja round() CSS
- Poprzednia strona Funkcja rotateZ() w CSS
- Następna strona Funkcja saturate() w CSS
- Wróć do poprzedniego poziomu Podręcznik referencyjny funkcji 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); }
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:
|
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
- Poprzednia strona Funkcja rotateZ() w CSS
- Następna strona Funkcja saturate() w CSS
- Wróć do poprzedniego poziomu Podręcznik referencyjny funkcji CSS