CSS calc() fonksiyonu
- Önceki sayfa CSS brightness() fonksiyonu
- Sonraki sayfa CSS circle() fonksiyonu
- Bir üst seviyeye dön CSS Fonksiyon Referans Kılavuzu
Tanımı ve kullanımı
CSS'nin calc()
Fonksiyon hesap yapar ve sonucu özellik değeri olarak kullanır.
Örnek
Kullanım calc()
<div> elemanının genişliğini hesapla:
#div1 { position: absolute; left: 50px; width: calc(100% - 100px); border: 1px solid black; background-color: yellow; padding: 5px; text-align: center; }
CSS dilbilgisi
calc(expression)
Değer | Açıklama |
---|---|
expression |
Gerekli. Sonuç olarak kullanılacak bir matematiksel ifade. Aşağıdaki işlev işlevlerini kullanabilirsiniz: +, -, *, /. |
Teknik ayrıntılar
Sürüm: | CSS3 |
---|
Tarayıcı desteği
Tablodaki rakamlar, bu fonksiyonu tamamen destekleyen ilk tarayıcı sürümünü gösterir.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
26 | 9 | 16 | 7 | 15 |
İlgili sayfa
Kaynak:CSS acos() fonksiyonu
Kaynak:CSS asin() fonksiyonu
Kaynak:CSS atan() fonksiyonu
Kaynak:CSS atan2() 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
Kaynak:CSS sin() fonksiyonu
Kaynak:CSS sqrt() fonksiyonu
Kaynak:CSS tan() fonksiyonu
- Önceki sayfa CSS brightness() fonksiyonu
- Sonraki sayfa CSS circle() fonksiyonu
- Bir üst seviyeye dön CSS Fonksiyon Referans Kılavuzu