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

Kararlı ve beta sürümündeki bazı ilgi çekici özellikleri keşfedin web tarayıcılarında gösterilecek.

Kararlı tarayıcı sürümleri

Aralık 2023'te Firefox 121'de Chrome 120 ve Safari 17.2 kararlı hale geldi. Bu yayında, bu durumun web platformu için ne anlama geldiği açıklanmaktadır.

CSS iç içe yerleştirme için rahat ayrıştırma

Chrome 120 ve Safari 17.2 sürümleri CSS iç içe yerleştirme için rahat ayrıştırma. Bu, Firefox'un 117 sürümünden itibaren desteklenmektedir. Bu, tüm önemli motorların bu söz dizimi değişikliğini desteklediği anlamına gelir.

<details> öğeli özel akordeonlar

Chrome 120 ve Safari 17.2,name <details> öğesi. Bu sayede özel akordeon bileşenleri oluşturabilirsiniz topluca oluşturabilirsiniz.<details>

Özel akordeon ile daha fazla bilgi edinin.

Tarayıcı Desteği

  • 120
  • 120
  • x
  • 17,2

:has() seçici

Firefox 121'de CSS :has() seçici bulunmaktadır. Bu sürüm, :has() ürününün tüm önemli motorlarda birlikte çalışabilir olmasını sağlar.

Daha fazla bilgiye :has(): aile seçici bölümünden ulaşabilirsiniz.

Tarayıcı Desteği

  • 105
  • 105
  • 121
  • 15,4

Kaynak

CSS Özel Vurgulama API'si

Safari 17.2 şunları içerir: CSS Özel Vurgulama API'sı metin aralıkları oluşturmanıza ve bunların stilini belirlemenize olanak tanır. standart vurgulamanın genişletilmesi, ::selection gibi sözde sınıfların vurgulanmasıyla ilgilidir.

Tarayıcı Desteği

  • 105
  • 105
  • 17,2

Kaynak

CloseWatcher API'si

Chrome 120, kapatma isteklerini dinlemek ve yanıtlamak için yeni bir API olan CloseWatcher API'yi içerir. Bu istekler masaüstünde ESC tuşu, Android'de ise geri hareketi veya düğmesiyle tetiklenir. ve bunları uygulamak zor olabilir.

API'ye ek olarak Chrome 120, Android geri düğmesine yanıt vermek için <dialog> ve popover özelliklerini de yükseltir.

Tarayıcı Desteği

  • 126
  • 126
  • x
  • x

CSS text-wrap: balance ve stable

Firefox 121, text-wrap için balance ve stable değerlerini içerir. balance değeri başlıklar ve nesneler gibi kısa içerik blokları için kullanışlıdır. daha etkileyici ve kolay okunan metinler oluşturun. stable değeri, düzenlenebilir içeriğin düzenleme sırasında geri alınmasını engeller.

text-wrap: balance hakkında daha fazla bilgi edinin.

text-wrap: balance

Tarayıcı Desteği

  • 114
  • 114
  • 121
  • 17,5

Kaynak

text-wrap: stable

Tarayıcı Desteği

  • x
  • x
  • 121
  • 17,5

Kaynak

<iframe> öğelerinin geç yüklenmesi

Firefox 121, <iframe> öğelerinde loading özelliğini destekler. Bu, iframe'lerin geç yüklenmesinin artık tüm büyük motorlarda desteklendiği anlamına gelir.

Tarayıcı Desteği

  • 77
  • 79
  • 121
  • 16,4

linear() yumuşak geçiş işlevi için destek

Safari 17.2, aynı zamanda aşağıdakileri oluşturmak için kullanılabilecek linear() yumuşak geçiş işlevini de içerir hemen çıkma ve ilkbahar etkileri hakkında daha fazla bilgi edinin.

Tarayıcı Desteği

  • 113
  • 113
  • 112
  • 17,2

Beta tarayıcı sürümleri

Beta tarayıcı sürümleri, gelecekte kullanıma sunulacak özelliklerin önizlemesini sunar tarayıcının kararlı sürümünü kullanır. Yeni özellikleri test etmek veya söz konusu içeriği kaldırma ihtimaliniz vardır. Yeniler betalar Firefox 122 Chrome 121 ve Safari 17.3. Bu sürümler, platforma pek çok muhteşem özellik katıyor. Yayına göz atın not almalısınız. İşte birkaç önemli nokta.

Firefox 122 ve Chrome 121, HTMLSelectElement için showPicker() yöntemini içerir. Bu, öğe seçildiğinde gösterilecek seçicinin aynısını gösterir. ancak düğmeye basma veya başka bir kullanıcı etkileşimiyle tetiklenebilir.

Chrome 121, scrollbar-color ve scrollbar-width kaydırma çubuğu stil özelliklerini içerir. SVG için iyileştirilmiş CSS maskelemeyle birlikte, ve yanlış yazılmış ya da dil bilgisi hatası olan metinler için sözde öğeleri vurgulamanızı sağlar.