Chrome 154'teki yenilikler

Rachel Andrew

Yayınlanma tarihi: 22 Eylül 2026

Chrome 154 şu anda kullanıma sunuluyor. Bu yayında, sürümdeki bazı önemli özellikler paylaşılıyor. Chrome 154 sürüm notlarının tamamını okuyun.

Bu sürümdeki öne çıkan özellikler:

Duyarlı boyutlandırma <iframe>

Chrome 154, duyarlı boyutlandırılmış iFrame'ler için destek ekleyerek üst dokümandaki bir <iframe> öğesinin, yerleştirilmiş dokümanın düzen taşması boyutuna göre kendini boyutlandırmasına olanak tanır. Böylece alt dokümanda kaydırma işlemi yapılmaz. Bu, iframe içeriğini manuel olarak ölçtüğünüz, boyutları postMessage() ile gönderdiğiniz ve yerleştirme sayfasındaki iframe boyutunu güncellediğiniz kalıbın yerini alır.

Bir iframe'i içerik yüksekliğine göre boyutlandırmak için yerleştirme sayfasındaki <iframe> öğesinde frame-sizing CSS özelliğini kullanın:

.embed {
  width: 100%;
  frame-sizing: content-height;
}

Yerleştirilmiş doküman da <head> öğesine bir <meta name="responsive-embedded-sizing"> öğesi ekleyerek dahil edilmelidir:

<meta name="responsive-embedded-sizing" content="allow-origins=*">

Daha fazla bilgi ve demo için Chrome 154'te duyarlı iFrame'ler başlıklı makaleyi inceleyin.

CSS scroll-marker-group türleri

scroll-marker-group özelliği, kaydırma kapsayıcısının içeriklerinden önce veya sonra ::scroll-marker-group sözde öğesi oluşturup oluşturmayacağını kontrol eder. Chrome 154, scroll-marker-group'yı ::scroll-marker-group ve ::scroll-marker'nin odak sırasını ve WAI-ARIA erişilebilirlik anlamsal yapısını ayarlayan iki modla geliştirir:

/* Links mode (default) */
scroll-marker-group: after links;

/* Tabs mode */
scroll-marker-group: before tabs;

CSS text-decoration-inset

Varsayılan olarak, bir öğenin metin dekorasyonu (ör. alt çizgi, üst çizgi veya üstü çizili) oluşturulan metinle aynı uzunluktadır. text-decoration-inset CSS özelliği, bir öğenin metin süslemesinin başlangıç ve bitiş noktalarını ayarlamanıza olanak tanır. Böylece metin süslemesi, metin çalıştırma kenarlarından içeriye doğru yerleştirilir, bu kenarların ötesine uzatılır veya bu kenarlara göre kaydırılır.

text-decoration-inset, tek değerli veya iki değerli söz dizimi kullanılarak auto, uzunluk ve yüzde değerlerini kabul eder. Örneğin, her iki ucu da 10 piksel içeriye yerleştirmek için:

text-decoration-inset: 10px;

Pozitif değerler süslemeyi içe yerleştirirken (kısaltarak), negatif değerler süslemeyi dışa yerleştirir (uzatarak). Bu sayede, arka plan gradyanları veya ekstra öğeler yerine CSS metin süslemeleriyle süsleme aralığını hassas bir şekilde ayarlayabilir ve animasyonlu alt çizgi efektleri oluşturabilirsiniz.

Daha fazla bilgi için text-decoration-inset MDN'deki belgeleri inceleyin.

Daha fazla bilgi

Bu yalnızca bazı önemli noktaları kapsar. Chrome 154'teki ek değişiklikler için aşağıdaki bağlantıları inceleyin:

Abone ol

Gelişmeleri takip etmek için Chrome Developers YouTube kanalına abone olun. Yeni bir video yayınladığımızda e-posta bildirimi alırsınız. Yeni makaleler ve blog yayınları için bizi X veya LinkedIn'de de takip edebilirsiniz.

Chrome 155 yayınlanır yayınlanmaz Chrome'daki yenilikleri size bildirmek için hazır olacağız.