Den text-decoration-skipegenskapen angir hvor en tekst understreking, overlinje, eller gjennomslag bør pause. Dette forbedrer lesbarheten til dekorert tekst og korrigerer skilletegn for noen språk.
Her er ett eksempel:
a ( text-decoration-skip: ink; )Heads up! Den inkverdien har blitt endret til en helt ny eiendom, text-decoration-skip-ink: auto;.
Hvis nettleseren din støtter denne egenskapen, vil du her merke at etterkommerne av hvert tegn (som "y" og "p") har små hvite mellomrom rundt grensen:
Se pennens tekstdekorasjon-hopp over CSS-Tricks (@ css-tricks) på CodePen.
Hvis nettleseren din ikke støtter denne funksjonen, er dette det du bør forvente av eiendommen i en støttende nettleser:
text-decoration-skip i OSX og iOS
I slutten av 2014 gjorde Apple en endring text-decorationi Safari og iOS-nettlesere som etterligner hvordan text-decoration-skip: ink;skal fungere. Selv om ingen av text-decoration-skipverdiene er offisielt implementert ennå, kan du deaktivere denne standardadferden med -webkit-text-decoration-skip: none;.
Se pennen -webkit-text-decoration-skip: none; av CSS-Tricks (@ css-tricks) på CodePen.
I slekt
text-decorationtext-decoration-colortext-decoration-linetext-decoration-style
Mer informasjon
- CSS Text Decoration Module Level 4
Editor's Draft text-decoration-skipved MSDN.- Diskusjon om å legge til
trailing-spacessom en verdi fra W3C-postlisten. - Forbedre tekstlesbarhet for dyslektiske brukere med oversprøytningsfarge
- tekst-dekorasjon-hopp over MDN
- tekst-dekorasjon-hopp over blekk på MDN
Nettleserstøtte
Disse nettleserstøttedataene er fra Caniuse, som har flere detaljer. Et tall indikerer at nettleseren støtter funksjonen i den versjonen og oppover.
Desktop
| Chrome | Firefox | DVS | Kant | Safari |
|---|---|---|---|---|
| 91 | 87 | Nei | 88 | TP |
Mobil / nettbrett
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 14,0-14,4 * |