Aralık ayında web platformunda kullanıma sunulan yeni özellikler

Aralık 2025'te kararlı ve beta web tarayıcılarına eklenen bazı ilginç özellikleri keşfedin.

Rachel Andrew

Yayınlanma tarihi: 16 Aralık 2025

Kararlı tarayıcı sürümleri

Aralık ayında Chrome 143, Firefox 146 ve Safari 26.2'nin kararlı sürümü yayınlandı. Bu yayında, bu ay kullanıma sunulan birçok yeni özelliğe göz atıyoruz. Bu özelliklerden bazıları Baseline Newly Available (Yeni Kullanıma Sunulan Temel Özellikler) kapsamına giriyor.

@scope CSS at-rule artık Baseline

Firefox 146, belirli DOM alt ağaçlarındaki öğeleri seçmenize olanak tanıyan @scope CSS @ kuralını içerir. Seçicilerin öğeleri hedefleyebileceği bir kapsam tanımlayarak aşırı spesifik ve uzun seçicilerden kaçınırsınız. Örneğin, aşağıdaki CSS yalnızca <img> sınıfına sahip bir öğenin içinde bulunan .card öğelerini hedefler.

@scope (.card) {
    img {
        border-color: green;
    }
}

Firefox 146 ile bu faydalı @kuralı artık Baseline Newly available (Yeni kullanılabilir temel) durumundadır. Bu konu hakkında daha fazla bilgi edinmek için CSS @scope @ kuralıyla seçicilerinizin erişimini sınırlama başlıklı makaleyi inceleyin.

contrast-color() CSS işlevi

Firefox 146'da contrast-color() işlevi de bulunur. Bu işlev, bir renk değeri alır ve kontrastlı bir renk döndürür. Bu renk, WCAG AA minimum kontrastını sağlamayı amaçlar.

Daha fazla örnek için WebKit blogundaki How to have the browser pick a contrasting color in CSS (Tarayıcının CSS'de kontrast renk seçmesini sağlama) başlıklı makaleye bakın.

Browser Support

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

Source

Firefox, text-decoration-inset özelliğini destekleyen ilk tarayıcıdır. Bu özellik, bir öğenin metin süslemesinin başlangıç ve bitiş noktalarını ayarlamanıza olanak tanır. Böylece metin süslemesi kısaltılabilir, uzatılabilir veya oluşturulan metne göre konumu değiştirilebilir.

font-language-override CSS özelliği

Chrome 143, font-language-override özelliğini içerir. Bu sayede, belirli bir dil için yazı tipi davranışını geçersiz kılabilirsiniz. Bir dil için uygun desteği olmayan bir yazı tipi kullanıyorsanız daha iyi destek sunan benzer bir dildeki glifleri kullanmayı tercih edebilirsiniz.

Browser Support

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

Source

CSS sabitlenmiş yedek kapsayıcı sorguları

Chrome 143, @container anchored(fallback) öğesinin hangi position-try-fallbacks öğesine uygulandığına bağlı olarak, sabitlenmiş öğelerin alt öğelerini stilize etmek için @container anchored(fallback) özelliğini kullanıma sunuyor.

Bu tür sorgular, bağlantı ve sabitlenmiş öğenin birbirine göre konumlandırılma şekline bağlı olarak, sabitlenmiş bir öğenin bağını veya animasyonlarını şekillendirmek için kullanılabilir.

background-position-x/y uzun el yazıları için tarafa göre söz dizimi

Ayrıca Chrome'da ve artık tüm tarayıcılarda kullanılabilen bir özellik de background-position için kısa özelliklerde arka plan resminin konumunu kenarlarından birine göre tanımlama olanağıdır. Örneğin:

.element {
  background-image: url(flower.gif);
  background-repeat: no-repeat;
  background-position-x: left 30px;
  background-position-y: bottom 20px;
}

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 49.
  • Safari: 15.4.

The animation overallProgress property

Safari 26.2'de overallProgress yer alır. Animation arayüzünün bu salt okunur özelliği, animasyonun tamamlanma durumuna doğru genel ilerleme durumunu gösteren 0 ile 1 arasında bir sayı döndürür.

Bu özellik artık Baseline Newly Available olarak kullanılabilir.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 142.
  • Safari Technology Preview: supported.

Source

LCP ve INP artık Baseline Newly Available

Largest Contentful Paint (LCP) ve Interaction to Next Paint (INP) metrikleri artık Baseline Newly Available olarak sunuluyor. Bu metrikleri ölçmek için gereken Contentful Paint API ve Event Timing API, Safari 26.2'de destekleniyor.

Bu özellikler Interop 2025'e dahil edildi. Artık bu metrikleri tüm büyük tarayıcıların en son sürümünde ölçebilirsiniz.

Largest Contentful Paint API

Browser Support

  • Chrome: 77.
  • Edge: 79.
  • Firefox: 122.
  • Safari: not supported.

Source

Event Timing API

Browser Support

  • Chrome: 76.
  • Edge: 79.
  • Firefox: 89.
  • Safari: not supported.

Source

CHIPS, Baseline Newly available'a ulaşıyor

Safari 26.2, CHIPS'i (Bağımsız Bölümlendirme Durumuna Sahip Çerezler) de içerir. Bu özellik, üst düzey site başına ayrı bir çerez kavanozuyla, bir çerezin bölümlendirilmiş depolamaya dahil edilmesine olanak tanır.

Browser Support

  • Chrome: 114.
  • Edge: 114.
  • Firefox: 141.
  • Safari: not supported.

Source

hidden="until-found"

Safari 26.2, hidden="until-found" desteği içerir. Bu özellik artık Baseline Newly available olarak sunulmaktadır.

Browser Support

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 139.
  • Safari Technology Preview: supported.

Source

command ve commandfor özellikleri

Safari 26.2'deki HTML için düğmelerde command ve commandfor desteği de sunulur. Bu, popover'ları ve iletişim kutularını kontrol etmek için bildirimsel bir yöntem sağlar.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: 144.
  • Safari Technology Preview: supported.

Source

Daha fazla bilgiyi command ve commandfor ile tanışın başlıklı makalede bulabilirsiniz.

scrollend etkinliği

Safari 26.2 ile Baseline Newly'de kullanıma sunulan bir diğer özellik ise scrollend event. Bu etkinlik, kaydırma işlemi tamamlandığında tetiklenir. Bu etkinlik hakkında daha fazla bilgiyi Scrollend, a new JavaScript event (Scrollend, yeni bir JavaScript etkinliği) başlıklı makalede bulabilirsiniz.

Browser Support

  • Chrome: 114.
  • Edge: 114.
  • Firefox: 109.
  • Safari Technology Preview: supported.

Source

scrollbar-color özelliği

scrollbar-color özelliği, kaydırma çubuğu başparmağının ve kaydırma çubuğu izinin rengini değiştirmenize olanak tanır. Safari 26.2 ile bu özellik de yeni kullanıma sunulan temel özellikler arasına girer.

Browser Support

  • Chrome: 121.
  • Edge: 121.
  • Firefox: 64.
  • Safari: not supported.

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ırılan özellikleri test etmek için harika bir zamandır. Bu ayki yeni beta sürümleri Firefox 147 ve Chrome 144'tür.

Chrome 144, sayfa içi arama sonuçlarının stilini belirlemek için ::search-text sözde öğesini ve @scroll-state desteğini içerir. Bu destek sayesinde, kapsayıcıların alt öğelerini en son kaydırma yönüne göre stilize edebilirsiniz.scrolled Tarih ve saatlerle çalışmak için standart nesneler ve işlevler içeren Temporal API de dahildir.

Firefox 147, CSS bağlantı noktası konumlandırma, görünüm geçişi türleri ve Navigation API'yi içeren heyecan verici bir sürüm.

Bu yıl kullanıma sunulan heyecan verici CSS ve kullanıcı arayüzü özellikleri hakkında daha fazla bilgi için CSS Wrapped 2025'e göz atın.