Rekomendasi kursus:

Fungsi round() CSS

Definisi dan penggunaan CSS round() Fungsi mengukur angka ke genap kali jarak pengurangan yang paling dekat yang ditentukan

Contoh

Dengan menggunakan round() Ukur angka ke genap kali jarak pengurangan yang paling dekat 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

Sintaksis CSS

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

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

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

Detil teknologi

Versi: CSS4

Dukungan peramban

Angka di dalam tabel menunjukkan versi paling awal peramban yang mendukung fungsi ini.

Chrome Edge Firefox Safari Opera
125 125 118 15.4 111

Halaman berkaitan

Rujukan:Fungsi acos() CSS

Rujukan:Fungsi asin() CSS

Rujukan:Fungsi atan() CSS

Rujukan:Fungsi atan2() CSS

Rujukan:Fungsi calc() CSS

Rujukan:Fungsi cos() CSS

Rujukan:Fungsi exp() CSS

Rujukan:Fungsi hypot() CSS

Rujukan:Fungsi log() CSS

Rujukan:Fungsi mod() CSS

Rujukan:Fungsi pow() CSS