K text-decoration-skipvlastníctva určuje, kde má text podčiarknutie, overline alebo pretlačenie zlomiť. To zlepšuje čitateľnosť zdobeného textu a opravuje interpunkčnú gramatiku pre niektoré jazyky.
Tu je jeden príklad:
a ( text-decoration-skip: ink; )Hlavy hore! inkHodnota bola zmenená na úplne novej nehnuteľnosti, text-decoration-skip-ink: auto;.
Ak váš prehliadač podporuje túto vlastnosť, všimnete si tu, že potomkovia jednotlivých znakov (napríklad „y“ a „p“) majú okolo ohraničenia malé biele medzery:
Prečítajte si text pero-dekorácie-preskočenie pera od CSS-Tricks (@ css-tricks) na CodePen.
Ak váš prehliadač nepodporuje túto funkciu, potom by ste mali od vlastnosti podporovaného prehliadača očakávať:
text-decoration-skip v OSX a iOS
Koncom roka 2014 spoločnosť Apple urobila zmenu text-decorationv prehliadačoch Safari a iOS, ktorá napodobňuje, ako text-decoration-skip: ink;by malo fungovať. Aj keď zatiaľ nie text-decoration-skipsú oficiálne implementované žiadne z hodnôt, môžete toto predvolené správanie deaktivovať pomocou -webkit-text-decoration-skip: none;.
Prečítajte si Pen -webkit-text-decoration-skip: none; autor: CSS-Tricks (@ css-tricks) na CodePen.
Súvisiace
text-decorationtext-decoration-colortext-decoration-linetext-decoration-style
Viac informácií
- Modul textových dekorácií CSS, úroveň 4,
redakčný návrh text-decoration-skipna MSDN.- Diskusia o pridaní
trailing-spacesako hodnoty z konferencie W3C. - Zlepšenie čitateľnosti textu pre používateľov dyslektiky pomocou podčiarknutia typu skip-ink
- preskočenie textu na MDN
- text-dekorácia-skip-atrament na MDN
Podpora prehľadávača
Údaje o podpore tohto prehľadávača sú od spoločnosti Caniuse, ktorá obsahuje viac podrobností. Číslo označuje, že prehliadač podporuje túto funkciu v danej verzii alebo vyššej.
Desktop
| Chrome | Firefox | IE | Hrana | Safari |
|---|---|---|---|---|
| 91 | 87 | Nie | 88 | TP |
Mobil / tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 14,0 - 14,4 * |