Na text-decoration-skiplastnine določa, v katerih bi bilo treba besedilo podčrtano, overline ali stavke skozi zlom. To izboljša čitljivost okrašenega besedila in popravi ločila v nekaterih jezikih.
Tu je en primer:
a ( text-decoration-skip: ink; )Glave gor! inkVrednost se je spremenila v povsem nove nepremičnine, text-decoration-skip-ink: auto;.
Če vaš brskalnik podpira to lastnost, boste tukaj opazili, da imajo potomci vsakega znaka (na primer »y« in »p«) presledke okoli meje:
Glejte Pen text-decoration-skip by CSS-Tricks (@ css-tricks) na CodePen.
Če vaš brskalnik ne podpira te funkcije, morate to pričakovati od lastnosti v podpornem brskalniku:
text-decoration-skip v OSX in iOS
Konec leta 2014 je Apple spremenil text-decorationbrskalnike Safari in iOS, ki posnemajo način text-decoration-skip: ink;delovanja. Čeprav nobena od text-decoration-skipvrednosti še ni uradno izvedena, lahko to privzeto vedenje onemogočite z -webkit-text-decoration-skip: none;.
Glej Pen -webkit-text-decoration-skip: none; avtor CSS-Tricks (@ css-tricks) na CodePenu.
Sorodno
text-decorationtext-decoration-colortext-decoration-linetext-decoration-style
Več informacij
- Modul za okrasitev besedila CSS 4. stopnja
Uredniški osnutek text-decoration-skipna MSDN.- Razprava o dodajanju
trailing-spacesvrednosti kot vrednosti s poštnega seznama W3C. - Izboljšanje berljivosti besedila za uporabnike z disleksijo s podčrtanimi črkami
- preskoči besedilo na MDN
- text-decoration-skip-ink na MDN
Podpora za brskalnik
Ti podatki o podpori brskalnika so od Caniuse, ki vsebuje več podrobnosti. Številka pomeni, da brskalnik podpira to funkcijo v tej različici ali novejši.
Namizje
| Chrome | Firefox | IE | Rob | Safari |
|---|---|---|---|---|
| 91 | 87 | Ne | 88 | TP |
Mobilni / tablični računalnik
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 14,0-14,4 * |