Par text-decoration-skipīpašuma norāda, kur teksta pasvītrot, overline vai streiks, izmantojot vajadzētu pārtraukumu. Tas uzlabo dekorētā teksta salasāmību un koriģē pieturzīmju gramatiku dažās valodās.
Šeit ir viens piemērs:
a ( text-decoration-skip: ink; )Galvas augšā! inkVērtība ir mainīts uz pilnīgi jaunu īpašumu, text-decoration-skip-ink: auto;.
Ja jūsu pārlūkprogramma atbalsta šo rekvizītu, šeit pamanīsit, ka katras rakstzīmes pēctečiem (piemēram, “y” un “p”) ap robežu ir maz atstarpju:
Skatiet CSS-Tricks pildspalvas teksta dekorēšanas izlaišanu (@ css-tricks) vietnē CodePen.
Ja jūsu pārlūkprogramma neatbalsta šo funkciju, jums vajadzētu sagaidīt no īpašuma atbalstošajā pārlūkprogrammā:
text-decoration-skip OSX un iOS
2014. gada beigās Apple veica izmaiņas text-decorationpārlūkos Safari un iOS, kas atdarina to, kā text-decoration-skip: ink;vajadzētu darboties. Lai gan neviena no text-decoration-skipvērtībām vēl nav oficiāli ieviesta, šo noklusējuma darbību varat atspējot ar -webkit-text-decoration-skip: none;.
Skatiet Pildspalva -webkit-text-decoration-skip: none; autors CSS-Tricks (@ css-tricks) vietnē CodePen.
Saistīts
text-decorationtext-decoration-colortext-decoration-linetext-decoration-style
Vairāk informācijas
- CSS teksta apdares moduļa 4. līmeņa
redaktora melnraksts text-decoration-skipMSDN.- Diskusija par pievienošanu
trailing-spaceskā vērtību no W3C adresātu saraksta. - Disleksijas lietotāju teksta lasāmības uzlabošana ar pasvītrojuma tintes pasvītrojumiem
- teksta noformēšana-izlaist MDN
- text-decoration-skip-ink uz MDN
Pārlūka atbalsts
Šie pārlūka atbalsta dati ir no Caniuse, kurai ir sīkāka informācija. Cipars norāda, ka pārlūks atbalsta šo un jaunākās versijas funkciju.
Darbvirsma
| Chrome | Firefox | IE | Mala | Safari |
|---|---|---|---|---|
| 91 | 87 | Nē | 88 | TP |
Mobilais / planšetdators
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81. | 14,0–14,4 * |