CSS round() fonksiyonu
- Önceki Sayfa CSS rotateZ() fonksiyonu
- Sonraki Sayfa CSS saturate() fonksiyonu
- Bir Üst Kategoriye Geri Dön CSS Fonksiyon Referans Kılavuzu
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); }
CSS dilbilgisi
round(rounding-strategy, valuetoround, roundinginterval)
Değer | Açıklama |
---|---|
rounding-strategy |
Opsiyonel. Yuvarlama stratejisini belirtir. Aşağıdaki değerlerden biri olabilir:
|
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
- Önceki Sayfa CSS rotateZ() fonksiyonu
- Sonraki Sayfa CSS saturate() fonksiyonu
- Bir Üst Kategoriye Geri Dön CSS Fonksiyon Referans Kılavuzu