text-decoration-skipBir metin altı çizili, overline veya çarparak geçme ayrılmalıyız mülkiyet belirtir. Bu, dekore edilmiş metnin okunabilirliğini artırır ve bazı diller için noktalama dilbilgisini düzeltir.
İşte bir örnek:
a ( text-decoration-skip: ink; )Önüne bak! inkDeğeri, tamamen yeni bir özellik olarak değiştirildi text-decoration-skip-ink: auto;.
Tarayıcınız bu özelliği destekliyorsa, burada her karakterin soyundan gelenlerin ("y" ve "p" gibi) kenarlık çevresinde küçük beyaz boşluklar olduğunu fark edeceksiniz:
CodePen'de CSS-Tricks (@ css-tricks) tarafından Kalem metin dekorasyonunu atlama bölümüne bakın.
Tarayıcınız bu özelliği desteklemiyorsa, destekleyici bir tarayıcıda mülkten beklemeniz gereken şey budur:
text-decoration-skip OSX ve iOS'ta
2014'ün sonlarında Apple text-decoration, Safari ve iOS tarayıcılarında nasıl text-decoration-skip: ink;çalışması gerektiğini taklit eden bir değişiklik yaptı . Hiçbiri rağmen text-decoration-skipdeğerler henüz resmen uygulanmaktadır, sizinle bu varsayılan davranışı devre dışı bırakabilir -webkit-text-decoration-skip: none;.
Pen -webkit-text-decoration-skip'e bakın: yok; CSS-Tricks (@ css-tricks) tarafından CodePen'de.
İlişkili
text-decorationtext-decoration-colortext-decoration-linetext-decoration-style
Daha fazla bilgi
- CSS Metin Dekorasyon Modülü Seviye 4
Editörün Taslağı text-decoration-skipMSDN'de.trailing-spacesW3C posta listesinden bir değer olarak eklemenin tartışılması .- Disleksik kullanıcılar için altı çizili mürekkep atlama ile metin okunabilirliğini iyileştirme
- MDN'de metin dekorasyon atlama
- MDN'de metin-dekorasyon-atlama-mürekkebi
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 |
|---|---|---|---|---|
| 91 | 87 | Hayır | 88 | TP |
Mobil / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 14.0-14.4 * |