Satır sonu - CSS Hileleri | CSS Almanak 2024

CSS line-breaközelliği, özellikle Çince, Japonca veya Korece (CJK) yazı sistemlerinde semboller ve noktalama işaretleriyle çalışırken yeni satırlarda metin kaydırmaya yönelik kuralların ne kadar sıkı bir şekilde uygulanacağını tanımlar. Şu anda Editör Taslağında bulunan CSS Metin Modülü Düzey 3 spesifikasyonuna dahil edilmiştir.

.element ( line-break: strict; )

Demo

Sözdizimi

line-break: auto | loose | normal | strict | anywhere;

İlk: auto
Şunlar için geçerlidir: tüm öğeler
Devralındı: evet
Hesaplanan değer: belirtildiği gibi
Animasyon türü: ayrık

Değerler

/* Keyword values */ line-break: auto; line-break: loose; line-break: normal; line-break: strict; line-break: anywhere; /* Global values */ line-break: inherit; line-break: initial; line-break: unset;

auto: Bu, tarayıcının satır sonlarını nasıl uygulayacağına karar vermesini sağlar. Her tarayıcı, satır uzunluğu gibi faktörlere bağlı olarak kendi kriterlerine göre farklılık gösterebilir.
loose: Bu, satır kırma kurallarının en hafif uygulamasıdır. Spesifikasyon, bir gazetede görebileceğimiz gibi kısa metin satırlarını, bu değerin kullanılabileceği bir örnek olarak gösterir.
normal: Bu, "en yaygın" kural kümesine göre metin satırlarını keser. (En yaygın kural kümesinin ne olduğu veya neleri içerebileceğiyle ilgili hiçbir tanım verilmediğini unutmayın.)
strict: Bu, satır sonları için en katı kuralları uygular.
anywhere: Bu değer, metnin yalnızca sözcük sınırı yerine boşluklarda veya noktalama işaretlerinde kesilmesine olanak tanıyan yumuşak sarma fırsatlarını etkinleştirir. Kelimeleri ayırmak için boşluk veya noktalama işareti kullanmayan diller için idealdir. Spesifikasyon, CSS'nin yumuşak sarma fırsatlarını tanımlamadığını ve bu değerin bunları tanıdığını ve satır kırma kurallarını uygulamak için kullandığını söylüyor. Spesifikasyon, bir terminalde tipik olarak gördüğümüz gibi metin kaydırma davranışını tanımlar.

Spesifikasyon ayrıca, anywheredeğerin, white-spaceözellik ayarlı olarak kullanıldığında bir satırın sonundaki korunmuş beyaz boşlukların sonraki satıra kaydırılmasına izin verdiğini not eder break-spaces.

Farklı dillerde davranışa değer verin

Tahmin edebileceğiniz gibi, metnin yeni satırlara nasıl bölüneceği konusunda farklı dillerin farklı tercihleri vardır. Tüm diller tarafından kullanılan standartlaştırılmış bir kural yoktur. Bu, belirli bir dil için "doğru" kuralları bulmayı ve bunlara uymayı tarayıcılara bırakır. Ancak spesifikasyon, line-breakbelirli durumlarda farklı katılık düzeylerinde satır kırmaya izin verilip verilmediğini belirlemek için çeşitli gereksinimleri ana hatlarıyla belirtir . Bunları burada sunacağız.

Durum	`normal`	`loose`	`strict`
Japon küçük kana'sından veya Katakana-Hiragana'dan önce kırılır, uzun süreli ses işareti, yani Unicode satır kırma sınıfından karakter `CJ`	❌	✅	✅
Belirli CJK kısa çizgi benzeri karakterlerden önce keser : 〜 U + 301C, ゠ U + 30A0	❌	✅ yazı sistemi Çince veya Japonca ise	Yazı sistemi Çince veya Japonca ise izin verilir
Belirli CJK kısa çizgi benzeri karakterlerden önce keser : 〜 U + 301C, ゠ U + 30A0	❌	✅ önceki karakter Unicode satır kırılma sınıfına ait ise `ID`, önceki karakter olarak muamele edildiğinde de dahil olmak üzere ( `ID`nedeniyle`word-break: break-all)`	❌
Yineleme işaretlerinden önceki kesintiler : 々 U + 3005, 〻 U + 303B, ゝ U + 309D, ゞ U + 309E, ヽ U + 30FD, ヾ U + 30FE	❌	✅	❌
Ayrılmaz karakterler (örneğin ‥ U + 2025,… U + 2026), yani Unicode satır kırma sınıfından karakterler arasındaki kopmalar `IN`	❌	✅	❌
Bazı ortalanmış noktalama işaretlerinden önce kesmeler :・ U + 30FB, ： U + FF1A, ； U + FF1B, ･ U + FF65,‼ U + 203C,⁇ U + 2047,⁈ U + 2048,⁉ U + 2049,！ U + FF01,？ U + FF1F	❌	✅	❌
Soneklerinin önce Aralar: Unicode hat kopma sınıfıyla Karakterler `PO`ve Doğu Asya Genişliği mülkiyet `Ambiguous`, `Fullwidth`ya `Wide`.	❌	✅	❌
Önekleri sonra Aralar: Unicode hat kopma sınıfıyla Karakterler `PR`ve Doğu Asya Genişliği mülkiyet `Ambiguous`, `Fullwidth`ya `Wide`.	❌	✅	❌