Birçok yazılı dilde, satır sonlarını hem kelimeler hem de heceler arasında kullanabilirsiniz. Bu işlem genellikle bir metin alanında daha az satır olması ve böylece alan tasarrufu yapılması amacıyla bir metin satırına daha fazla karakter yerleştirilebilmesi için yapılır. Bu tür dillerde ara, tire ("-") ile gösterilir.
CSS Metin Modülü 3. Seviye, kısa çizgilerin kullanıcılara ne zaman gösterileceğini ve gösterildiğinde nasıl davranacağını kontrol etmek için kısa çizgiler mülkü tanımlar. Chrome, 55 sürümünden itibaren kısa çizgi özelliğini uygular.
Spesifikasyona göre kısa çizgi özelliğinin üç değeri vardır: none, manual ve auto. Bunu açıklamak için aşağıdaki örnekte olduğu gibi yumuşak kısa çizgi (­) kullanmamız gerekir.
Google ipsum dolor sit amet, consectetur adipiscing e­lit.
Yumuşak kısa çizgi, yalnızca satır sonu kenar boşluğunda olduğunda gösterilir. Bu kısa çizginin Chrome 55 veya sonraki sürümlerde nasıl oluşturulacağı, CSS hypens özelliğinin değerine bağlıdır.
-webkit-hyphens: manual;
hyphens: manual;
Bunları birleştirdiğinizde aşağıdaki gibi bir sonuç elde edersiniz:
Yumuşak tirenin görünmediğini fark edin. Yumuşak kısa çizgi içeren bir kelime tek bir satıra sığdığında kısa çizgi her durumda görünmez. Şimdi kısa çizginin üç değerinin de nasıl davrandığına bakalım.
Hiçbirini kullanmıyor
İlk örnekte kısa çizgi özelliği none olarak ayarlanmıştır. Bu, yumuşak kısa çizginin hiç gösterilmemesini sağlar. Pencere boyutunu "elit" kelimesinin görünen metin satırına sığmayacak şekilde ayarlayarak bunu onaylayabilirsiniz.
Manueli kullanma
İkinci örnekte kısa çizgiler mülkü manual olarak ayarlanmıştır. Bu, yumuşak kısa çizginin yalnızca kenar boşluğu "elit" kelimesini böldüğünde görüneceği anlamına gelir. Pencere boyutunu ayarlayarak bunu tekrar onaylayabilirsiniz.
Otomatik modu kullanma
Üçüncü örnekte kısa çizgi özelliği auto olarak ayarlanmıştır. Bu durumda, kullanıcı aracısı kısa çizgi konumlarını otomatik olarak belirleyeceğinden kısa çizgiye gerek yoktur. Pencereyi yeniden boyutlandırırsanız tarayıcının bu örneği ikinci örnekle aynı yerde kısa çizgiyle böldüğünü ancak yumuşak kısa çizgi olmadığını görürsünüz. Pencereyi küçültmeye devam ederseniz tarayıcınızın metindeki herhangi iki hece arasında satır bölebildiğine şahit olursunuz.