CSS içinde farklı ölçü birimlerini (yüzde, piksel, rem, viewport) birbiriyle toplayıp çıkartarak dinamik boyut hesaplama fonksiyonudur.
\n\nNasıl Çalışır ve Temel Prensipleri Nelerdir?
\nwidth: calc(100% - 40px); veya height: calc(100vh - var(--nav-h)); şeklinde çalışır.
\n\nNeden Kritik Öneme Sahiptir?
\nSabit bir menü yüksekliğini ekranın toplam boyundan çıkarmak veya eşit sütun boşlukları bırakmak için vazgeçilmezdir.
\n\nEn İyi Uygulama ve Kullanım İpuçları
\nOperatörlerin (+, -) sağında ve solunda mutlaka birer boşluk bırakın; aksi halde tarayıcı sözdizimini tanımaz.
\n\nSık Yapılan Hatalar ve Kaçınılması Gerekenler
\ncalc(100%-20px) yazıp operatör etrafına boşluk koymayarak kuralın çalışmamasına sebep olmak.
Sıkça Sorulan Sorular (SSS)
CSS Calc Nedir? (Dinamik CSS Hesaplama) hakkında en sık yöneltilen sorular ve mühendislik ekibimizin uzman yanıtları:
Evet; % ile px veya rem ile vh gibi tamamen zıt birimler sorunsuzca toplanıp çıkarılabilir.
Tüm tarayıcılarda %100 oranında evrensel olarak desteklenir.