Fungsi round() CSS

Definisi dan penggunaan

CSS round() Fungsi mengurangi angka ke genap kali jarak pengurangan yang paling dekat sesuai dengan strategi pengurangan yang ditentukan.

Contoh

Dengan round() Mengurangi angka ke genap kali jarak pengurangan yang paling dekat sesuai dengan strategi pengurangan yang ditentukan:

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

Coba sendiri

Sintaks CSS

round(rounding-strategy, valuetoround, roundinginterval)
Nilai Deskripsi
rounding-strategy

Pilihan. Tentukan strategi pengurangan. Bisa berupa salah satu nilai berikut:

  • nearest: Nilai default. Urutkan nilai valuetoround ke genap kali roundinginterval yang paling dekat dengan nol
  • up: Urutkan nilai valuetoround ke genap kali roundinginterval yang paling dekat dengan nol ke atas
  • down: Urutkan nilai valuetoround ke genap kali roundinginterval yang paling dekat dengan nol ke bawah
  • to-zero: Urutkan nilai valuetoround ke genap kali roundinginterval yang paling dekat dengan nol
valuetoround Diperlukan. Nilai yang akan diurutkan (angka, persen, ukuran, atau ekspresi matematika).
roundinginterval Diperlukan. Jarak pengurangan (angka, persen, ukuran, atau ekspresi matematika).

Detil teknis

Versi: CSS4

Dukungan browser

Angka di tabel menunjukkan versi browser yang pertama yang mendukung fungsi ini.

Chrome Edge Firefox Safari Opera
125 125 118 15.4 111

Halaman yang berhubungan

Referensi:Fungsi acos() CSS

Referensi:Fungsi asin() CSS

Referensi:Fungsi atan() CSS

Referensi:Fungsi atan2() CSS

Referensi:Fungsi calc() CSS

Referensi:Fungsi cos() CSS

Referensi:Fungsi exp() CSS

Referensi:Fungsi hypot() CSS

Referensi:Fungsi log() CSS

Referensi:Fungsi mod() CSS

Referensi:Fungsi pow() CSS