U text-decoration-skipvlasništva propisuje gdje se tekst podcrtavanje, linija zaglavlja ili štrajk kroz trebao slomiti. To poboljšava čitljivost ukrašenog teksta i ispravlja interpunkcijsku gramatiku za neke jezike.
Evo jednog primjera:
a ( text-decoration-skip: ink; )Glavu gore! inkVrijednost je promijenjen na posve novu imovinu, text-decoration-skip-ink: auto;.
Ako vaš preglednik podržava ovo svojstvo, ovdje ćete primijetiti da potomci svakog znaka (poput "y" i "p") imaju male razmake oko granice:
Pogledajte tekst Pen-text-decoration-skip by CSS-Tricks (@ css-tricks) na CodePen-u.
Ako vaš preglednik ne podržava ovu značajku, to je ono što biste trebali očekivati od svojstva u podržavajućem pregledniku:
text-decoration-skip u OSX-u i iOS-u
Krajem 2014. Apple je napravio promjenu text-decorationu preglednicima Safari i iOS koja oponaša način na koji text-decoration-skip: ink;treba raditi. Iako još nijedna text-decoration-skipvrijednost nije službeno implementirana, ovo zadano ponašanje možete onemogućiti pomoću -webkit-text-decoration-skip: none;.
Pogledajte olovku -webkit-text-decoration-preskočite: none; od CSS-Tricks (@ css-tricks) na CodePenu.
Povezano
text-decorationtext-decoration-colortext-decoration-linetext-decoration-style
Više informacija
- CSS Modul za ukrašavanje teksta Razina 4
Nacrt urednika text-decoration-skipna MSDN-u.- Rasprava o dodavanju
trailing-spaceskao vrijednosti s W3C mailing liste. - Poboljšanje čitljivosti teksta za korisnike s disleksijom podvlačenjem preskočenih tinte
- preskočiti tekst-ukras na MDN-u
- tekst-ukras-preskočite-tintu na MDN-u
Podrška preglednika
Podaci o podršci preglednika potječu iz tvrtke Caniuse, koja sadrži više detalja. Broj označava da preglednik podržava značajku u toj verziji i novijoj.
Radna površina
| Krom | Firefox | IE | Rub | Safari |
|---|---|---|---|---|
| 91 | 87 | Ne | 88 | TP |
Mobitel / tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 14,0-14,4 * |