CSS calc() fonksiyonu

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;
}

Deneyin

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