Į text-decoration-skipsavybė nurodo, kur teksto pabraukimo overline arba Strike-pro turi pertraukos. Tai pagerina dekoruoto teksto įskaitomumą ir ištaiso skyrybos gramatiką kai kuriose kalbose.
Štai vienas pavyzdys:
a ( text-decoration-skip: ink; )Galvas aukštyn! inkVertė buvo pakeista į visiškai naują turtą, text-decoration-skip-ink: auto;.
Jei jūsų naršyklė palaiko šią ypatybę, pastebėsite, kad kiekvieno simbolio palikuonių (pvz., „Y“ ir „p“) aplink sieną yra nedaug baltų tarpų:
Peržiūrėkite „CSS-Tricks“ (@ css-tricks) „Pen“ teksto apdailos praleidimą „CodePen“.
Jei jūsų naršyklė nepalaiko šios funkcijos, tai turėtumėte tikėtis iš nuosavybės palaikančioje naršyklėje:
text-decoration-skip OSX ir iOS
2014 m. Pabaigoje „Apple“ pakeitė text-decoration„Safari“ ir „iOS“ naršykles, imituojančias, kaip text-decoration-skip: ink;turėtų veikti. Nors dar nė viena iš text-decoration-skipreikšmių nėra oficialiai įdiegta, galite išjungti šį numatytąjį elgesį naudodami -webkit-text-decoration-skip: none;.
Žr. Rašiklį -webkit-text-decoration-skip: none; pateikė CSS-Tricks (@ css-tricks) „CodePen“.
Susijęs
text-decorationtext-decoration-colortext-decoration-linetext-decoration-style
Daugiau informacijos
- CSS teksto dekoravimo modulio 4 lygio
redaktoriaus projektas text-decoration-skipMSDN.- Diskusija apie pridėjimą
trailing-spaceskaip vertę iš W3C adresų sąrašo. - Geresnis disleksijos vartotojų teksto įskaitomumas, naudojant pabraukimo rašalo brūkšnius
- teksto dekoravimas-praleiskite MDN
- MDN teksto dekoravimas-praleidimo rašalas
Naršyklės palaikymas
Šie naršyklės palaikymo duomenys yra iš „Caniuse“, kuri turi daugiau informacijos. Skaičius rodo, kad naršyklė palaiko šios ir naujesnės versijos funkciją.
Darbalaukis
| „Chrome“ | „Firefox“ | T.Y | Briauna | „Safari“ |
|---|---|---|---|---|
| 91 | 87 | Ne | 88 | TP |
Mobilusis / planšetinis kompiuteris
| „Android Chrome“ | „Android Firefox“ | „Android“ | „iOS Safari“ |
|---|---|---|---|
| 88 | 85 | 81 | 14,0–14,4 * |