hyphensMülkiyet kontrolleri blok seviyesi elemanlarının metnin hyphenation. Tireleme olmasını önleyebilir, izin verebilir veya yalnızca belirli karakterler varken izin verebilirsiniz.
Bunun hyphensdile duyarlı olduğunu unutmayın . Mola fırsatlarını bulma yeteneği lang, bir ana öğenin niteliğinde tanımlanan dile bağlıdır . Henüz tüm diller desteklenmemektedir ve destek belirli tarayıcıya bağlıdır.
Sözdizimi
p ( hyphens: none | manual | auto )tire: yok
Sözcük içindeki karakterler tirelemenin nereye gidebileceğini veya gitmesi gerektiğini öne sürse bile, sözcükler hiçbir zaman satır sonlarında tirelenmez.
kısa çizgiler: manuel
Kelimeler yalnızca satır sonu fırsatlarını öneren kelimenin içinde karakterlerin bulunduğu satır sonlarında kesilir. Satır kesme fırsatını öneren iki karakter vardır:
U+2010(HYPHEN): "sert" kısa çizgi karakteri, görünür bir satır kesme fırsatını belirtir. Çizgi o noktada gerçekten kesilmemiş olsa bile, kısa çizgi yine de işlenir. Kelimenin tam anlamıyla bir "-".U+00AD(SHY): görünmez, "yumuşak" bir kısa çizgi. Bu karakter görünür bir şekilde oluşturulmaz; bunun yerine, tarayıcının gerekirse kelimeyi kırmayı seçebileceği bir yer önerir. HTML'de-yumuşak bir kısa çizgi eklemek için kullanabilirsiniz .
kısa çizgiler: otomatik
Kelimeler, kelime içindeki tireleme karakterleriyle (yukarıya bakın) veya dile uygun tireleme kaynağı tarafından otomatik olarak belirlendiği şekilde (tarayıcı tarafından destekleniyorsa veya aracılığıyla sağlandıysa @hyphenation-resource) uygun tireleme noktalarında bölünebilir .
Bir sözcük içindeki koşullu tireleme karakterleri, varsa, sözcük içindeki tireleme noktalarını belirlerken otomatik kaynaklardan önceliklidir.
kısa çizgiler: tümü
Kullanımdan kaldırıldı, kullanmayın . Bu yalnızca geçici olarak test edilmek üzere spesifikasyondaydı.
Demo
Aşağıdaki demoda bir sürü paragraf var ve her şey hyphens: auto;tireleme kavramını göstermek için ayarlandı . langÖzniteliği, enana öğenin üzerine.
Tarayıcı Desteği
Bu tarayıcı destek verileri, daha fazla ayrıntıya sahip olan Caniuse'den alınmıştır. Bir sayı, tarayıcının özelliği o sürümde ve sonrasında desteklediğini gösterir.
Masaüstü Bilgisayar
| Krom | Firefox | IE | Kenar | Safari |
|---|---|---|---|---|
| 88 | 6 * | 10 * | 12 * | 5.1 * |
Mobil / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 4.2-4.3 * |
Safari 5+ gerektirir -webkit-, Firefox 6+ gerektirir -moz-, IE 10+ gerektirir -ms-, iOS 4.2+ gerektirir -webkit-.
Chrome <55 ve Android tarayıcısı aslında -webkit-hyphens: nonevarsayılan değer olan ancak diğer değerlerin hiçbirini desteklemez.
Firefox ve Internet Explorer'da, otomatik tireleme yalnızca bazı diller için çalışır ( langöznitelikle tanımlanır ). Desteklenen dillerin kapsamlı bir listesi için bu nota bakın.
Gerçekten tireleme gerektiren web tabanlı bir belge yazıyorsanız, içeriğinize otomatik olarak yumuşak tireler ve sıfır genişlikli boşluklar ekleyen geniş bir sözlüğe dayalı bir kitaplık olan Hyphenator.js'yi kullanabilirsiniz.
JavaScript olmadan ikisine de güvenmeniz gerekecek hyphensve word-wrap:
.hyphenate ( word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; )