CSS round() fonksiyonu

Tanımı ve kullanımı

CSS'nin round() Fonksiyon, belirtilen yuvarlama stratejisine göre, sayıları yuvarlama aralığına en yakın tam sayıya yuvarlar.

Örnek

Kullanım round() Belirtilen yuvarlama stratejisine göre, sayıları yuvarlama aralığına en yakın tam sayıya yuvarlar:

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

Kişisel olarak deneyin

CSS dilbilgisi

round(rounding-strategy, valuetoround, roundinginterval)
Değer Açıklama
rounding-strategy

Opsiyonel. Yuvarlama stratejisini belirtir. Aşağıdaki değerlerden biri olabilir:

  • nearest: Varsayılan değer. valuetoround değerini en yakın roundinginterval'ın tam sayısına yuvarlar
  • up: valuetoround değerini en yakın roundinginterval'ın tam sayısına yukarı yuvarlar
  • down: valuetoround değerini en yakın roundinginterval'ın tam sayısına aşağı yuvarlar
  • to-zero: valuetoround değerini en yakın roundinginterval'ın tam sayısına yuvarlayarak ve sıfıra yaklaştırarak yuvarlar
valuetoround Gerekli. Yuvarlanacak değer (sayı, yüzdelik, boyut veya matematiksel ifade).
roundinginterval Gerekli. Yuvarlama aralığı (sayı, yüzdelik, boyut veya matematiksel ifade).

Teknik ayrıntılar

Sürüm: CSS4

Tarayıcı desteği

Tablodaki rakamlar, bu fonksiyonu tamamen destekleyen ilk tarayıcı sürümünü gösterir.

Chrome Edge Firefox Safari Opera
125 125 118 15.4 111

İlgili sayfa

Kaynak:CSS acos() fonksiyonu

Kaynak:CSS asin() fonksiyonu

Kaynak:CSS atan() fonksiyonu

Kaynak:CSS atan2() fonksiyonu

Kaynak:CSS calc() fonksiyonu

Kaynak:CSS cos() fonksiyonu

Kaynak:CSS exp() fonksiyonu

Kaynak:CSS hypot() fonksiyonu

Kaynak:CSS log() fonksiyonu

Kaynak:CSS mod() fonksiyonu

Kaynak:CSS pow() fonksiyonu