K text-decoration-skipvlastnictví určuje, kde má text podtržení, overline nebo protlačení zlomit. To zlepšuje čitelnost zdobeného textu a opravuje interpunkční gramatiku pro některé jazyky.
Zde je jeden příklad:
a ( text-decoration-skip: ink; )Hlavy vzhůru! inkHodnota byla změněna na zcela nové nemovitosti, text-decoration-skip-ink: auto;.
Pokud váš prohlížeč tuto vlastnost podporuje, všimnete si zde, že potomci každého znaku (například „y“ a „p“) mají kolem ohraničení malá bílá místa:
Podívejte se na textovou výzdobu pera od CSS-Tricks (@ css-tricks) na CodePen.
Pokud váš prohlížeč nepodporuje tuto funkci, pak byste měli očekávat od vlastnosti v podpůrném prohlížeči:
text-decoration-skip v OSX a iOS
Na konci roku 2014 provedla Apple změnu text-decorationv prohlížečích Safari a iOS, která napodobuje, jak text-decoration-skip: ink;by mělo fungovat. Ačkoli žádná z text-decoration-skiphodnot ještě není oficiálně implementována, můžete toto výchozí chování deaktivovat pomocí -webkit-text-decoration-skip: none;.
Viz Pen -webkit-text-decoration-skip: none; podle CSS-Tricks (@ css-tricks) na CodePen.
Příbuzný
text-decorationtext-decoration-colortext-decoration-linetext-decoration-style
Více informací
- Modul CSS pro textové dekorace úrovně 4
, návrh editora text-decoration-skipna MSDN.- Diskuse o přidání
trailing-spacesjako hodnoty ze seznamu adresátů W3C. - Zlepšení čitelnosti textu pro dyslektické uživatele pomocí podtržení přeskočeným inkoustem
- přeskočení textu na MDN
- text-dekorace-přeskočit-inkoust na MDN
Podpora prohlížeče
Tato data podpory prohlížeče pocházejí z Caniuse, který obsahuje více podrobností. Číslo označuje, že prohlížeč podporuje tuto funkci v dané verzi a vyšší.
plocha počítače
| Chrome | Firefox | TJ | Okraj | Safari |
|---|---|---|---|---|
| 91 | 87 | Ne | 88 | TP |
Mobilní / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 14,0-14,4 * |