Mart ayında web platformunda yeni kullanıma sunulanlar

Mart 2026'da kararlı ve beta web tarayıcılarına eklenen bazı ilginç özellikleri keşfedin.

Rachel Andrew

Yayınlanma tarihi: 31 Mart 2026

Kararlı tarayıcı sürümleri

Chrome 146, Firefox 149 ve Safari 26.4 Mart ayında kararlı sürüme sunuldu. Bu yayında, platforma bu ay eklenen yeni özelliklere göz atıyoruz.

İsteğe bağlı container sorgusu koşulları

Hem Firefox 149 hem de Safari 26.4, koşul içermeyen yalnızca ad içeren @container sorgularını destekler. Bu sayede, yalnızca adlarına göre kapsayıcılarla eşleşme yapabilir, boyut veya stil kısıtlamaları belirtmenize gerek kalmadan kapsayıcı bağlamına göre öğeleri daha kolay şekillendirebilirsiniz.

Kaydırma ile tetiklenen animasyonlar

Chrome 146, animasyonların kaydırma konumuna göre kontrol edilmesini sağlar. Bu özellik, CSS ile bildirimsel olarak etkileşimler oluşturmanıza, işi bir çalışan iş parçacığına aktarmanıza ve performansı artırmanıza olanak tanır. Web animasyonları için JavaScript arayüzleri de içerir. Daha fazla bilgiyi CSS'de kaydırma tetikli animasyonlar geliyor başlıklı makalede bulabilirsiniz.

Browser Support

  • Chrome: 146.
  • Edge: 146.
  • Firefox: not supported.
  • Safari: not supported.

trigger-scope özelliği

Chrome 146, kaydırma ile tetiklenen animasyonların yanı sıra trigger-scope özelliğini de kullanıma sunuyor. Bu sayede, animasyon tetikleyici adlarının görünürlüğünü sınırlayabilir, animasyon-tetikleyici etkileşimlerini izole edebilir ve genel ad çakışmalarını önleyebilirsiniz.

Browser Support

  • Chrome: 146.
  • Edge: 146.
  • Firefox: not supported.
  • Safari: not supported.

Popover hint değeri

Firefox 149 artık popover global özelliği için hint değerini destekliyor. hint değerine sahip popover'lar, gösterildiklerinde auto popover'ları kapatmaz ancak diğer hint popover'ları kapatarak popover davranışı üzerinde daha ayrıntılı kontrol sağlar.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: not supported.
  • Safari: not supported.

Izgara çizgileri

Safari 16.4, display: grid-lanes değerini destekler. Bu, display değerinin, duvar örgü stili düzeni etkinleştiren değeridir.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: not supported.
  • Safari: 26.4.

sizes özelliğindeki matematiksel işlevler

Safari 26.4, <img> öğelerinin sizes özelliğinde min(), max() ve clamp() matematik işlevlerinin kullanılmasını destekler. Bu, duyarlı resim yükleme konusunda daha fazla esneklik sağlar.

JavaScript yineleyici sıralaması

Hem Chrome 146 hem de Safari 26.4 artık yineleyici sıralamayı destekliyor ve mevcut yineleyicileri sıralayarak yeni yineleyiciler oluşturmak için Iterator.concat(...items) işlevini sunuyor. Bu özellik artık Baseline Newly kullanılabilir.

Browser Support

  • Chrome: 146.
  • Edge: 146.
  • Firefox: 147.
  • Safari: 26.4.

Source

CloseWatcher arayüzü

Firefox 149, CloseWatcher arayüzü için destek ekliyor. Bu sayede geliştiriciler, yerleşik iletişim kutuları ve popover'larla aynı şekilde, cihazın kendi mekanizmalarını (ör. Windows'da Esc tuşu veya Android'de Geri tuşu) kullanarak kapatılabilen bileşenler uygulayabilir.

Browser Support

  • Chrome: 126.
  • Edge: 126.
  • Firefox Technology Preview: supported.
  • Safari: not supported.

Source

Beta tarayıcı sürümleri

Beta tarayıcı sürümleri, bir sonraki kararlı tarayıcı sürümünde yer alacak özelliklerin önizlemesini sunar. Kararlı sürüm yayınlanmadan önce sitenizi etkileyebilecek yeni özellikleri veya kaldırma işlemlerini test edebilirsiniz. Bu ayki yeni beta sürümleri arasında Firefox 150 ve Chrome 147 yer alıyor.

Chrome 147 beta

Chrome 147 beta sürümünde, bağımsız değişken rengiyle en yüksek kontrastı sağlayan renge bağlı olarak siyah veya beyaz döndüren bir CSS işlevi olan contrast-color() yer alıyor. Ayrıca border-shape ve öğe kapsamlı görünüm geçişleri de dahildir.

Firefox 150 beta sürümünde, öğeler ve DocumentOrShadowRoot için CSS revert-rule anahtar sözcüğü, resimler için ise light-dark() customeElementRegistry eklendi.