text-decoration-skipVara täpsustatakse, kuhu teksti allajoonimine overline või läbikriipsutuse peaks murda. See parandab kaunistatud teksti loetavust ja parandab mõnes keeles kirjavahemärke.
Siin on üks näide:
a ( text-decoration-skip: ink; )Pea püsti! inkVäärtus on muutunud täiesti uuele vara text-decoration-skip-ink: auto;.
Kui teie brauser toetab seda omadust, märkate siin, et iga märgi järeltulijatel (nt "y" ja "p") on piiri ümber vähe valgeid tühikuid:
Vaadake CodePeni saidil CSS-Tricks (@ css-tricks) kirjutatud pliiatsi teksti kaunistamise vahelejätmist.
Kui teie brauser seda funktsiooni ei toeta, peaksite seda toetava brauseri varalt ootama:
text-decoration-skip OSX-is ja iOS-is
2014. aasta lõpus tegi Apple text-decorationSafari ja iOS brauserites muudatuse, mis jäljendab seda, kuidas text-decoration-skip: ink;peaks toimima. Kuigi ühtegi text-decoration-skipväärtust pole veel ametlikult rakendatud, saate selle vaikekäitumise keelata -webkit-text-decoration-skip: none;.
Vaadake Pliiats -webkit-text-decoration-skip: none; autor CSS-Tricks (@ css-tricks) CodePenis.
Seotud
text-decorationtext-decoration-colortext-decoration-linetext-decoration-style
Rohkem informatsiooni
- CSS-i teksti kaunistamise moodul, 4.
redaktori mustand text-decoration-skipMSDN-is.- Arutelu
trailing-spacesW3C meililoendist väärtusena lisamise kohta . - Düsleksiaga kasutajate teksti loetavuse parandamine vahelejäetud tindijoonte abil
- teksti kaunistamine-vahele jätmine MDN-is
- MDN-il tekst-kaunistus-vahele-tint
Brauseri tugi
Need brauseri tugiandmed pärinevad Caniuse'ilt, millel on üksikasjalikum teave. Number näitab, et brauser toetab selle versiooni ja uuemat funktsiooni.
Töölaud
| Chrome | Firefox | IE | Edge | Safari |
|---|---|---|---|---|
| 91 | 87 | Ei | 88 | TP |
Mobiil / tahvelarvuti
| Android Chrome | Android Firefox | Android | iOS-i Safari |
|---|---|---|---|
| 88 | 85 | 81 | 14,0–14,4 * |