Chrome 142'deki yenilikler

Rachel Andrew

Yayınlanma tarihi: 28 Ekim 2025

Chrome 142 kullanıma sunuluyor. Bu yayında, sürümdeki önemli özelliklerden bazıları paylaşılıyor. Chrome 142 sürüm notlarının tamamını okuyun.

Bu sürümde öne çıkanlar:

:target-before ve :target-after sözde sınıfları

Bu sözde sınıflar, düz ağaç sırasına göre belirlendiği üzere aynı kaydırma işaretçisi grubu içinde etkin işaretçiden (:target-current ile eşleşen) önce veya sonra gelen kaydırma işaretçileriyle eşleşir:

  • :target-before: Gruptaki düz ağaç sırasına göre etkin işaretçiden önce gelen tüm kaydırma işaretçileriyle eşleşir.
  • :target-after: Gruptaki düz ağaç sırasına göre etkin işaretçiden sonra gelen tüm kaydırma işaretçileriyle eşleşir.

Stil kapsayıcı sorguları ve if() için aralık söz dizimi

Chrome, aralık söz dizimi desteği ekleyerek CSS stil sorgularını ve if() işlevini geliştirir.

Stil sorgularını tam değer eşleşmesinin ötesine taşır (ör. style(--theme: dark)). Geliştiriciler, özel özellikleri, değişmez değerleri (ör. 10 piksel veya %25) ve attr() ile env() gibi değiştirme işlevlerinden gelen değerleri karşılaştırmak için karşılaştırma operatörlerini (ör. > ve <) kullanabilir. Geçerli bir karşılaştırma için her iki taraf da aynı veri türüne çözümlenmelidir. Şu sayısal türlerle sınırlıdır: <length>, <number>, <percentage>, <angle>, <time>, <frequency> ve <resolution>.

Örnekler:

Özel bir özelliği sabit bir uzunlukla karşılaştırma:

@container style(--inner-padding > 1em) {
  .card {
    border: 2px solid;
  }
}

İki değişmez değeri karşılaştırma

@container style(1em < 20px) {
  /* ... */
}

if()'da stil aralıklarını kullanma:

.item-grid {
  background-color: if(style(attr(data-columns, type<number>) > 2): lightblue; else: white);
}

İlgi Çekme Amaçlı Çağrılar (interestfor özelliği)

Chrome, <button> ve <a> öğelerine interestfor özelliği ekler. Bu özellik, öğeye "ilgi alanı" davranışları ekler. Kullanıcı öğeyle ilgilenmeye başladığında hedef öğede işlemler tetiklenir (ör. popover gösterme).

Kullanıcı aracısı, kullanıcının öğeye ilgi gösterdiğini (ör. işaretçiyi öğenin üzerinde tutma, klavyede özel kısayol tuşlarına basma veya dokunmatik ekranlarda öğeye uzun basma) algılar. İlgi gösterildiğinde veya kaybedildiğinde, hedefte InterestEvent tetiklenir. Bu, pop-up'lar için varsayılan işlemleri (ör. pop-up'ı gösterme ve gizleme) içerir.

Daha fazla bilgi

Bu özet yalnızca bazı önemli noktaları kapsar. Chrome 141'deki ek değişiklikler için aşağıdaki bağlantılara göz atın.

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 143 yayınlanır yayınlanmaz Chrome'daki yenilikleri size bildirmek için buradayız.