Eylül ayında web platformunda yeni kullanıma sunulanlar

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

Rachel Andrew

Yayınlanma tarihi: 2 Ekim 2026

Kararlı tarayıcı sürümleri

Bu ay, iki haftada bir yayınlanan Chrome ve Firefox sürümlerinin ilk ayıdır. Bu, Chrome 153, Chrome 154, Firefox 155, Firefox 156, Firefox 157 ve Safari 27'nin Eylül 2026'da kararlı sürüme geçeceği anlamına gelir. Bu yayında, tarayıcılarda kullanıma sunulan yeni özellikler ele alınıyor. Bu özellikler arasında, Baseline Newly available'a ulaşan çok sayıda özellik de yer alıyor.

progress() CSS işlevi, Baseline olur.

Firefox 155, progress() CSS matematik işlevi desteği ekleyerek bu işlevi Baseline Newly Available (Yeni Kullanıma Sunulan Baseline) yapar.

progress() işlevi, bir başlangıç değeri ile bir bitiş değeri arasındaki bir hesaplamanın konumunu temsil eden bir <number> döndürür. Sonuç genellikle 0 ile 1 arasında sınırlandırılır. Bu da kapsayıcı veya görüntü alanı boyutlarına göre akıcı boyutlandırma, opaklık ya da renkler elde etmek için kullanışlı olmasını sağlar. Firefox 155 ve Safari 27, no-clamp anahtar kelime seçeneği için de destek ekleyerek döndürülen ilerleme değerinin 0'in altına veya 1'nin üstüne çıkmasına olanak tanır.

.card {
  opacity: progress(100vw, 320px, 1200px);
}

Browser Support

  • Chrome: 138.
  • Edge: 138.
  • Firefox: 155.
  • Safari: 26.

Source

alpha() ile göreli alfa renkleri, Temel Çizgi olur

Firefox 155 ve Safari 27, CSS Color 5'teki alpha() relative color işlevi için destek ekliyor.

alpha() işlevi, bir kaynak rengi alır ve renk kanallarını ve renk alanını korurken bu rengi ayarlanmış bir alfa (şeffaflık) kanalıyla döndürür:

.overlay {
  background-color: alpha(var(--brand-color) / 50%);
}

Chrome 151, Firefox 155 ve Safari 27'nin alpha()'yı desteklemesiyle bu işlev artık Baseline Newly Available'dır.

Browser Support

  • Chrome: 151.
  • Edge: 151.
  • Firefox: 155.
  • Safari: 27.

Source

revert-rule CSS anahtar kelimesi Baseline olur.

Safari 27, revert-rule CSS genelinde anahtar kelimesi için destek ekler.

revert, basamaklı stili kullanıcı veya kullanıcı aracısı kaynağına geri alırken revert-layer, önceki bir basamaklı stil katmanına geri alır. revert-rule ise bir özelliğin değerini, mevcut stil kuralı olmasaydı olacağı değere geri alır. Chrome, Firefox ve artık Safari 27'de desteklenen revert-rule, Baseline Newly Available (Yeni Kullanıma Sunulan Baseline) olarak kullanıma sunuldu.

Browser Support

  • Chrome: 148.
  • Edge: 148.
  • Firefox: 150.
  • Safari: 27.

Source

light-dark() içindeki <image> değerleri, temel değer olur.

Safari 27, light-dark() CSS işlevinde <image> değerlerinin kullanılmasını destekler.

Daha önce <color> değerleriyle sınırlı olan light-dark(), artık etkin ışık veya karanlık color-scheme'a bağlı olarak iki resim (ör. url() resimleri veya CSS gradyanları) arasında geçiş yapabilir. Chrome, Firefox ve Safari 27'de desteklenen <image> değerleri light-dark() artık Baseline Newly Available (Yeni Kullanıma Sunulan Temel) olarak sunuluyor.

Browser Support

  • Chrome: 150.
  • Edge: 150.
  • Firefox: 150.
  • Safari: 27.

overflow-anchor ile kaydırma sabitleme, temel özellik haline geliyor

Safari 27, kaydırma sabitlemeyi etkinleştirir ve overflow-anchor CSS özelliği için destek ekler.

Kaydırma sabitleme, DOM'da görünür görüntü alanının üzerinde yapılan değişiklikler, kullanıcı sayfayı okurken veya sayfayla etkileşimde bulunurken içeriğin atlamasına neden olacağı için kaydırma konumunu otomatik olarak ayarlar. Belirli öğelerin bağlantı düğümü olarak hareket etmesini devre dışı bırakmak için overflow-anchor: none öğesini kullanabilirsiniz. Safari 27'nin Chrome ve Firefox'a katılmasıyla birlikte kaydırma sabitleme özelliği artık Baseline Newly available (Yeni kullanılabilir temel) olarak sunuluyor.

Browser Support

  • Chrome: 56.
  • Edge: 79.
  • Firefox: 66.
  • Safari: 27.

Source

font-width mülkü ve @font-face tanımlayıcısı temel değer haline gelir.

CSS Fonts 4, normal, daraltılmış veya genişletilmiş yazı tiplerini seçmek için standart ad olarak font-stretch yerine font-width'ı kullanır ve font-stretch'ı eski bir takma ad olarak tutar.

Firefox 155, font-width CSS özelliği, font-width @font-face tanımlayıcısı ve CSSStyleDeclaration.fontWidth için destek ekliyor. Chrome 154 ayrıca @font-face kurallarına font-width tanımlayıcısını ve FontFace nesnelerine width özelliğini ekler. Safari'deki mevcut destekle birlikte font-width artık Baseline Newly'de kullanılabiliyor.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 155.
  • Safari: 18.4.

Source

Geç yüklenen resimler için sizes="auto", Baseline olur.

Safari 27, loading="lazy" kullanan <img> öğelerindeki sizes özelliğinde auto anahtar kelimesi için destek ekliyor.

sizes="auto" (veya auto ile başlayan bir sizes listesi) belirttiğinizde tarayıcı, srcset içinden en uygun resim kaynağını seçmek için geç yüklenen resmin oluşturulmuş düzen genişliğini kullanır. Chrome, Firefox ve artık Safari 27'de desteklenen sizes="auto", Baseline Newly'de kullanılabilir.

Browser Support

  • Chrome: 126.
  • Edge: 126.
  • Firefox: 150.
  • Safari: not supported.

Source

Asenkron yineleme ve aktarılabilir ReadableStream nesneler temel özellik haline gelir

Safari 27, ReadableStream ile ilgili çeşitli güncellemeler içerir:

  • for await...of döngüleri ve ReadableStream.prototype.values() kullanılarak ReadableStream nesneleri üzerinde eş zamansız yineleme desteği.
  • ReadableStream kullanılarak bağlamlar arasında postMessage() nesnelerinin aktarılması desteği.
  • Yinelenebilir veya eş zamansız yinelenebilir bir nesneden ReadableStream oluşturmak için ReadableStream.from() statik yöntemi desteği (Firefox'ta da desteklenir).

Safari 27 ile birlikte, eşzamansız yinelenebilir akışlar ve aktarılabilir ReadableStream nesneleri artık Baseline Newly Available (Yeni Kullanıma Sunulan Temel Özellik) olarak kullanılabilir.

Browser Support

  • Chrome: 124.
  • Edge: 124.
  • Firefox: 110.
  • Safari: 27.

AnimationEvent.animation ve TransitionEvent.animation, Baseline olur

Safari 27, AnimationEvent için animation özelliğini, TransitionEvent için ise animation özelliğini ekler.

Bu özellik, CSS animasyonu veya geçiş etkinliğiyle ilişkili Animation nesnesini döndürür. Böylece animasyonu doğrudan bir etkinlik işleyicisinden incelemek veya kontrol etmek kolaylaşır. Chrome, Firefox ve Safari 27 bu özelliği desteklediğinden artık Baseline Newly Available (Yeni Kullanıma Sunulan Temel Özellik) olarak kullanılabilir.

Browser Support

  • Chrome: 151.
  • Edge: 151.
  • Firefox: 152.
  • Safari: 27.

Source

cookieStore.set() bölümündeki maxAge seçeneği temel varyant olur.

Safari 27, cookieStore.set() ile çerez ayarlarken maxAge seçeneği için destek ekleyerek çerezin kullanım ömrünü mutlak bir expires zaman damgası hesaplamak yerine saniye cinsinden bir süre olarak belirtmenize olanak tanır. Chrome, Firefox ve Safari 27'de desteklenen maxAge seçeneği artık Baseline Newly'de kullanılabilir.

Browser Support

  • Chrome: 145.
  • Edge: 145.
  • Firefox: 148.
  • Safari: 27.

Safari 27'de özelleştirilebilir <select>

Safari 27, Chrome'a katılarak <select> ve appearance: base-select öğelerini kullanarak özelleştirilebilir <selectedcontent> menüleri için destek ekliyor.

<select> ve ::picker(select) sözde öğesini appearance: base-select'ye dahil etmek, kontrolü stil verilebilen temel bir görünüme geçirir. Bu sayede <option> öğelerinde zengin HTML içeriği ve düğme ile açılır liste seçici için özel stil oluşturulabilir.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: behind a flag.
  • Safari: 27.

Chrome'da bildirim temelli <camera> ve <microphone> öğeleri

Chrome 153, <camera> ve <microphone> HTML capability nesnesi öğelerini kullanıma sunar.

<usermedia> öğesini temel alan <camera> ve <microphone>, sayfa yüklenirken komut dosyası tarafından başlatılan izin istemlerini tetiklemeden tek özellikli video veya ses yakalama erişimi istemek için özel, kullanıcı tarafından etkinleştirilen bildirimsel kontroller sağlar.

Browser Support

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

JavaScript Iterator ve Promise eklemeleri

Chrome 153, Iterator.prototype.join()'ı ve Iterator.zip() ile Iterator.zipKeyed() kullanılarak ortak yinelemeyi ekler.

Browser Support

  • Chrome: 153.
  • Edge: 153.
  • Firefox: 148.
  • Safari Technology Preview: supported.

Source

Firefox 155, söz dizimi nesnesi kabul eden ve aynı anahtarlara sahip bir nesneye çözünen Promise.allKeyed() ve Promise.allSettledKeyed()'ı uygular.

Browser Support

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

Source

Firefox 155'teki WebTransport güncellemeleri

Firefox 115, WebTransport uygulamasını genişletiyor:

Browser Support

  • Chrome: 143.
  • Edge: 143.
  • Firefox: 155.
  • Safari: 26.4.

Source

Safari 27'de Service Worker Static Routing API

Safari 27, InstallEvent.addRoutes() aracılığıyla Service Worker Static Routing API'si için destek ekliyor.

Bu API, hizmet çalışanının yükleme sırasında bildirim temelli yönlendirme kuralları kaydetmesine olanak tanır. Böylece eşleşen istekler, hizmet çalışanı başlatma işlemini atlayabilir ve doğrudan ağdan veya önbellekten getirilerek gezinme performansı iyileştirilebilir.

Browser Support

  • Chrome: 123.
  • Edge: 123.
  • Firefox: not supported.
  • Safari: 27.

Source

Beta tarayıcı sürümleri

Beta tarayıcı sürümleri, tarayıcının bir sonraki kararlı sürümünde yer alacak özelliklerin önizlemesini sunar. Dünya bu sürümü almadan önce sitenizi etkileyebilecek yeni özellikleri veya kaldırmaları test etmek için harika bir zamandır. Bu ayki yeni beta sürümleri Chrome 155, Chrome 156, Firefox 158 ve Safari 27.2'dir.

Chrome 155 beta sürümünde CSS margin-trim, symbols() ve text-decoration-skip-spaces'nin yanı sıra JPEG XL (image/jxl) kod çözme desteği, metin modülü içe aktarma (import ... with { type: "text" }) ve Digital Credentials API ile kimlik verme desteği yer alıyor.

Chrome 156 beta sürümünde CSS random() işlevi, CSS corner kısaltma özellikleri, tek eksenli kaydırma kapsayıcıları, scroll-snap-type: pair, image-animation özelliği ve :animated-image sözde sınıfı, medya öğesi durumu sözde sınıfları (:playing, :paused, :seeking, :buffering, :stalled, :muted, :volume-locked), ertelenmiş modül değerlendirmesi (import defer), HTML <install> öğesi ve Web Install API yer alıyor.

Safari 27.2 beta, normal ile eşleştirildiğinde safe ve unsafe taşma hizalaması desteği ekler, sabit konumlu kutularda ve ::picker(select) öğelerinde safe hizalamasını etkinleştirir ve display: grid-lanes için flow-tolerance öğesini fit-tolerance olarak yeniden adlandırır.