De text-decoration-skipegenskab angiver, hvor en tekst understregning, overlinie, eller strejke-through bør bryde. Dette forbedrer læsbarheden af dekoreret tekst og korrigerer tegnsætningsgrammatik for nogle sprog.
Her er et eksempel:
a ( text-decoration-skip: ink; )Heads up! Den inkværdi er blevet ændret til en helt ny ejendom, text-decoration-skip-ink: auto;.
Hvis din browser understøtter denne egenskab, vil du her bemærke, at efterkommerne af hvert tegn (som "y" og "p") har små hvide mellemrum omkring grænsen:
Se Pen-tekst-dekorationsspring af CSS-Tricks (@ css-tricks) på CodePen.
Hvis din browser ikke understøtter denne funktion, er dette, hvad du bør forvente af ejendommen i en understøttende browser:
text-decoration-skip i OSX og iOS
I slutningen af 2014 foretog Apple en ændring text-decorationi Safari- og iOS-browsere, der efterligner, hvordan det text-decoration-skip: ink;skal fungere. Selvom ingen af text-decoration-skipværdierne officielt er implementeret endnu, kan du deaktivere denne standardadfærd med -webkit-text-decoration-skip: none;.
Se pennen -webkit-tekst-dekoration-spring: ingen; af CSS-Tricks (@ css-tricks) på CodePen.
Relaterede
text-decorationtext-decoration-colortext-decoration-linetext-decoration-style
Mere information
- CSS Tekstdekorationsmodul Niveau 4
Editorens kladde text-decoration-skipved MSDN.- Diskussion om tilføjelse
trailing-spacessom en værdi fra W3C-postlisten. - Forbedring af tekstlæsbarhed for dyslektiske brugere med overspringningsblæk
- tekst-dekoration-spring på MDN
- tekst-dekoration-spring-blæk på MDN
Browsersupport
Denne browsersupportdata er fra Caniuse, som har flere detaljer. Et tal angiver, at browseren understøtter funktionen i den version og opefter.
Desktop
| Chrome | Firefox | IE | Edge | Safari |
|---|---|---|---|---|
| 91 | 87 | Ingen | 88 | TP |
Mobil / tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 14,0-14,4 * |