CSS fonksiyonları, corner-shape ve anchored sorgular Interop 2027 favorileri arasında öne çıkıyor

Interop, CSS gündemini nasıl belirliyor

Hacker News ana sayfasında öne çıkan Josh W. Comeau'nun denemesi, bir yıl sonra en çok önem kazanma olasılığı olan CSS özelliklerine bir önizleme sunuyor. Bahse konu olan Interop 2027 planlaması; Google, Apple, Microsoft ve Mozilla'nın — Igalia ve Bocoup'un da katılımıyla — web teknolojileri için paylaşılan birlikte çalışabilirlik hedeflerinde anlaştığı iş birliğinin en yeni turu.

Comeau'ya göre projenin güçlü bir sicili var: Bir odak alanı benimsendiğinde, çoğunlukla yaklaşık bir yıl içinde her büyük tarayıcıda tam desteğe yaklaşılıyor. Verdiği örnek CSS Subgrid; Firefox bunu 2019'da kullanıma sunmuştu ama yıllarca diğer motorlarda pek hareket görmedi. Interop 2023'e katılmasının ardından, o yılın sonunda modern tarayıcıların tamamında geniş ölçüde kullanılabilir hale geldi.

2026 kapanırken 2027'nin odak alanları seçiliyor ve Mozilla, geliştiricilerin en çok istedikleri özelliklere oy verebileceği bir sıralama sistemi kurdu. Comeau bu verinin kesin listeyi belirlemeye yardımcı olacağını söylüyor; bu yüzden oy verdiği on öneriyi yayımladı. İlk beşi, dilin hangi yöne ilerlediğini gözler önüne seriyor.

CSS'te özel fonksiyonlar

Listesindeki en etkili fikir, CSS'e fonksiyon eklenmesi önerisi. Yazarlar yeniden kullanılabilir mantığı bir @function kuralında tanımlayıp bir result bildirimiyle değer döndürebilecek; bu da fonksiyonların JavaScript'teki çalışma şeklini yansıtacak. Comeau'nun örnekleri arasında yeniden kullanılabilir bir gradient üreteci ve kutupsal koordinatları translate dönüşümlerine çeviren bir yardımcı var — tek bir çağrıyla bir öğeyi 45 derecelik bir açı boyunca 100px hareket ettirmek mümkün. Yazısındaki destek verisi, bunun zaten Chrome 155 ve Edge 154'te çalıştığını ama Firefox 157 veya Safari 27'de çalışmadığını gösteriyor. Interop 2027 listesine girerse Comeau, hızla geniş ölçüde kullanılabilir hale gelme şansının iyi olduğunu düşünüyor.

Köşeler ve kenarlıklar yeniden düşünülüyor

corner-shape özelliği, border-radius'ın ürettiği çeyrek daire köşelerin ötesine geçiyor. Seçenekleri arasında squircle'lar — Apple'ın yumuşak kenarlar için uzun süredir tercih ettiği, süperelipse tabanlı yuvarlama — ve Comeau'nun artık oyun ve bilim kurgu tarzı arayüzlerde sürekli kullandığını söylediği pahlar (bevel) yer alıyor. clip-path veya maskelerden belirgin farkı, corner-shape'in öğenin gerçek border kutusunu değiştirmesi; böylece kenarlıklar, outline'lar ve box-shadow'lar yeni silueti doğru biçimde takip ediyor. Ekim 2026 itibarıyla yalnızca Chromium'da kullanıma sunulmuş durumda, ama Comeau bunun basit bir progressive enhancement olduğunu ve bugünden benimsenmesinin makul olduğunu savunuyor.

Ayrı bir border-shape önerisi daha düşük bir seviyede çalışıyor ve yazarların kenarlıkları düz çizgiler, yaylar ve Bézier eğrileriyle çizmesine olanak tanıyor; şekiller arası animasyon da destekleniyor. Comeau yakın zamanda bunu, üst kısmına büyük dairesel bir oyuk açılmış bir kart oluşturmak için kullandı ve özel geometrinin üzerine bir kenarlık ile outline yerleştirdi.

Anchoring'e bir geri bildirim mekanizması

Comeau'ya göre Interop 2026 önceliklerinden Anchor Positioning artık geniş ölçüde kullanılabilir durumda. Bir tooltip gibi yüzen bir öğenin tetikleyicisine bağlı kalmasını ve alan tükendiğinde bir yedek konuma geçmesini sağlıyor. CSS'in yapamadığı şey, yedeğin devreye girip girmediğini söylemekti — bir tooltip'in okunu anchor'a doğru çevirebilmesi için gereken bilgi. API'nin Level 2 sürümü, tam olarak bu durumu ortaya çıkaran bir container query ekliyor. Şimdilik yalnızca Chromium'da var; yukarıdaki diğer özelliklerle aynı sürüm ayrımına sahip.

Bir sürpriz aday: inherit()

Comeau, yazıyı yazmadan önce inherit() önerisiyle hiç karşılaşmadığını itiraf ediyor: hiçbir tarayıcı uygulamıyor ve henüz caniuse'da görünmüyor. inherit anahtar sözcüğüne dayanıyor; normalde kalıtımla geçmeyen özellikler için bile değeri üst öğeden çekiyor — Comeau'nun sıkça başvurduğu, değerleri yeniden kullanma hilesi. Erken aşamasında olmasına rağmen, önerinin hemen istediği bir şey hale geldiğini söylüyor.

Neden önemli

Interop, CSS'in hangi parçalarına güvenmenin güvenli hale geleceğini belirleyen mekanizma haline geldi ve bu döngüde seçim, Mozilla'nın sıralaması sayesinde kısmen geliştiricilerin elinde. Öne çıkan adaylar ayrıca dilin yönünü çiziyor: fonksiyonlarla yeniden kullanılabilir mantık, köşeler ve kenarlıklar için daha zengin geometri ve tooltip ile hareket işleri için gereken JavaScript'i azaltan durum bilgisi taşıyan sorgular. Bu özelliklerden birkaçı zaten Chromium'da çalışıp başka yerlerde zararsız biçimde geriye düştüğü için, Comeau'nun önerdiği progressive-enhancement yaklaşımını izleyen ekipler oyların açıklanmasını beklemeden şimdi denemelere başlayabilir.