#

TECRÜBEMİZİ YAZILIMCILARLA 

PAYLAŞIYORUZ. 

BİLGİ PAYLAŞTIKÇA ÇOĞALIR

BLOG

CSS3 calc() fonksiyonu

CSS3 calc() fonksiyonu

Calculator (Hesap Makinesi) kelimesinden türetilmiştir. Bu değer sayesinde css özelliklerine atanan (width, height vb.) değerlerde hesaplama yapılabilme imkanı sağlanmaktadır.

Toplama(+), çıkarma(-), çarpma(*), bölme(/) ve modül(mod alma) gibi matematiksel işlemleri kullanma imkanı sağlar.

ÖRNEK:

Aşağıdaki örnekte olduğu gibi birden fazla işlemi de desteklemektedir. İşlemler çarpma, bölme, mod, toplama, çıkarma sırası ile yapılmaktadır.

ÖRNEK:

div{
     width: calc(100% - (((40px*20)/2) + 50px))
}

Firefox tarayıcısında -moz- ön eki ile kullanılmaktadır.

Tarayıcı uyumluluk tablosu için bağlantıyı tıklayın : https://caniuse.com/#feat=calc