CSS calc() Oyun Alanı

CSS calc() ifadelerini canlı olarak test edin ve deneyin. Sonuçları önizleyin, hazır örnekleri kullanın. Ücretsiz, %100 tarayıcıda.

320px 2560px
Örnekler
Önizleme
CSS Çıktısı 
 
  
  
 
  
 
Referans
  
CSS calc() Hakkında
 
CSS calc(), CSS özellik değerlerinde matematiksel hesaplamalar yapmanıza olanak tanır. Yüzdeler ve pikseller gibi farklı birimleri karıştırabilirsiniz.
 
Desteklenen Birimler
 
px, rem, em, vh, vw, % — en sık kullanılanlar. Tek bir ifadede karıştırılabilir, ör. calc(100% - 2rem).
 
Örnekler
 
calc(100% - 200px) — tam genişlik eksi sabit kenar boşluğu. calc(50vh - 4rem) — pencere yüksekliğinin yarısı eksi dolgu. calc(100vw / 3) — ekran genişliğinin üçte biri.
 
Gizlilik
 
Tüm işlemler %100 tarayıcınızda gerçekleşir. Veriler asla sunucuya gönderilmez.
  
    
    
 ← Tüm araçlara dön