Fungsi round() CSS
- Halaman sebelumnya Fungsi rotateZ() CSS
- Halaman berikutnya Fungsi saturate() CSS
- Kembali ke tingkat atas Panduan Referensi Fungsi 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); }
Sintaks CSS
round(rounding-strategy, valuetoround, roundinginterval)
Nilai | Deskripsi |
---|---|
rounding-strategy |
Pilihan. Tentukan strategi pengurangan. Bisa berupa salah satu nilai berikut:
|
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
- Halaman sebelumnya Fungsi rotateZ() CSS
- Halaman berikutnya Fungsi saturate() CSS
- Kembali ke tingkat atas Panduan Referensi Fungsi CSS