Yayınlanma tarihi: 14 Ocak 2026
Chrome 145'ten itibaren, çok sütunlu düzen seviye iki spesifikasyonundaki column-wrap ve column-height özellikleri desteklenir.
Bu özellikler, sütunları blok yönünde yeni bir satıra sarmalamanıza olanak tanır.
Chrome 145'ten önce, çok sütunlu kapsayıcının yüksekliği kısıtlanmışsa mevcut alana sığmayan içerikler satır içi yönde taşma sütunları olarak görünüyordu. Bu durum, web'de yatay bir kaydırma çubuğu oluşturur.
column-height ve column-wrap özellikleri ile sütun satırının yüksekliğini ayarlayabilir ve taşan sütunların yeni bir satır olarak görünmesini sağlayabilirsiniz.
Yeni sütun satırları oluşturabilmek, mevcut durumun etrafında bir yol sağlar. Mevcut durumda, sütunları okumak için kullanıcıların yukarı ve aşağı kaydırmasına neden olmak veya öngörülemeyen miktarda içerik olduğunda yatay kaydırma çubuğu riskini almak arasında bir seçim yapmanız gerekir.
Ayrıca, kullanılabilir görüntü alanı yüksekliğini dolduran sütunların oluşturulduğu blok yönü bandı gibi kalıpları da etkinleştirir. Bir sonraki sütun satırını okumak için blok yönünde bir sonraki ekrana kaydırın.
Net bir okuma deneyimi oluşturma
Birden fazla sütun satırı olduğunda, okuyucunun birden fazla satır olduğunu anlamadığı ve sütunda okumaya devam etmek için boşluğu atladığı belirsiz bir okuma deneyimi oluşturulabilir. Bu, kullanıcı arayüzü tasarımınızda dikkate alınması gereken bir noktadır. Satır arasına dekorasyon ekleme özelliği, bu görsel ayrımı oluşturmak için size ek bir araç sunacak.
Satır kuralları yakında kullanıma sunulacak
Çok sütunlu düzey 1 spesifikasyonu, bir column-rule stilini oluşturmaya yönelik özellikleri içerir. Bu kural, sütunlar arasındaki boşluğa yerleştirilir. Satır kurallarını şekillendirmeye yönelik özellikler, şu anda geliştirici deneme sürümünde olan yeni CSS Gap Decorations spesifikasyonuna dahil edilmiştir. Bu özellik kararlı hale geldiğinde, ızgara, esnek kutu ve çok sütunlu düzenlerde satır ve sütun kuralları ekleyebileceksiniz.