CSS Özellik Desteğini Kontrol Etme

CSS'de tüm tarayıcılarda desteklenen oldukça eski özellikler var ve sadece en yeni tarayıcılarda ve hatta hepsinde değil, desteklenecek yeni özellikler var.

Kodlama yaparken, belirli bir özelliği kullanıp kullanamayacağınız konusunda bir karar vermelisiniz. Bunun için özel bir kural vardır: eğer bir özellik için destek, kullanıcıların yüzde birinden azının kullandığı tarayıcılarda yoksa, o özellik kullanılabilir.

Ancak burada nüanslar var. Sonuçta, desteğin olmaması sitenin düzeninin bozulmasına neden olacak özellikler var, örneğin esnek kutular (flexbox). Ve işlevselliği pek kritik olmayan özellikler var. Diyelim ki, çalışmayan hecelemeler hyphens siteyi çok daha kötü yapmaz.

Bir özelliğin tarayıcılar tarafından desteklenip desteklenmediğini kontrol etmek için caniuse.com servisini kullanmanız gerekir. Bu servis özellik desteğini tüm tarayıcıların her sürümü için gösterir ve ayrıca her sürümü kullanan kullanıcıların yüzdesini de gösterir.

Bu verilere sahip olarak, belirli bir özelliği kullanıp kullanamayacağınız konusunda bir karar verebilirsiniz. Ayrıca, bazı özellikler hala bazı kullanıcıların kullandığı bazı tarayıcı sürümlerinde vendor önekleri altında olabilir. Buna da dikkat etmeniz gerekir.