A text-decoration-skiptulajdonság megadja, hogy a szöveg aláhúzása, áthúzása vagy áthúzása hol szakadjon meg. Ez javítja a díszített szöveg olvashatóságát és korrigálja az egyes nyelvek írásjeleit.
Íme egy példa:
a ( text-decoration-skip: ink; )Fel a fejjel! Az inkérték megváltozott, hogy egy teljesen új tulajdonság, text-decoration-skip-ink: auto;.
Ha a böngésző támogatja ezt a tulajdonságot, akkor itt észreveszi, hogy az egyes karakterek leszármazottai (például „y” és „p”) kevés fehér hellyel rendelkeznek a határ körül:
Lásd a CSS-Tricks (@ css-tricks) Toll szövegdekoráció-átugrását a CodePen-en.
Ha böngészője nem támogatja ezt a funkciót, akkor ezt kell várnia az ingatlantól egy támogató böngészőben:
text-decoration-skip OSX-ben és iOS-ben
2014 végén az Apple módosította text-decorationa Safari és az iOS böngészőket, amelyek utánozzák a text-decoration-skip: ink;működését. Bár az text-decoration-skipértékek egyike sem került hivatalosan megvalósításra, letilthatja ezt az alapértelmezett viselkedést -webkit-text-decoration-skip: none;.
Lásd a Toll -webkit-text-decoration-skip: none; CSS-Tricks (@ css-tricks) által a CodePen-en.
Összefüggő
text-decorationtext-decoration-colortext-decoration-linetext-decoration-style
Több információ
- CSS szövegdekorációs modul 4. szintű
szerkesztő tervezete text-decoration-skipaz MSDN-nél.trailing-spacesA W3C levelezőlistának értékként történő hozzáadásának megbeszélése .- A diszlexiás felhasználók számára a szöveg olvashatóságának javítása kihagyó tintával
- text-decoration-skip az MDN-en
- text-decoration-skip-ink az MDN-en
Böngésző támogatás
Ez a böngésző támogatási adat a Caniuse cégtől származik, amely részletesebben szerepel. Egy szám azt jelzi, hogy a böngésző támogatja az adott és újabb verziók szolgáltatásait.
Asztal
| Króm | Firefox | AZAZ | Él | Szafari |
|---|---|---|---|---|
| 91. | 87 | Nem | 88 | TP |
Mobil / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81. | 14,0–14,4 * |