На text-decoration-skipуточнява собственост, където текст подчертаване, Номера, или за проникване трябва да се счупят. Това подобрява четливостта на декорирания текст и коригира пунктуационната граматика за някои езици.
Ето един пример:
a ( text-decoration-skip: ink; )Внимание! На inkстойност е променено на изцяло нов имот, text-decoration-skip-ink: auto;.
Ако вашият браузър поддържа това свойство, тогава ще забележите, че низходящите на всеки символ (като „y“ и „p“) имат малко бели пространства около границата:
Вижте текстовата декорация-пропускане от CSS-Tricks (@ css-tricks) на CodePen.
Ако вашият браузър не поддържа тази функция, ето какво трябва да очаквате от имота в поддържащ браузър:
text-decoration-skip в OSX и iOS
В края на 2014 г. Apple направи промяна text-decorationв браузърите Safari и iOS, която имитира начина на text-decoration-skip: ink;работа. Въпреки че никоя от text-decoration-skipстойностите все още не е официално внедрена, можете да деактивирате това поведение по подразбиране с -webkit-text-decoration-skip: none;.
Вижте писалката -webkit-text-decoration-skip: none; от CSS-Tricks (@ css-tricks) на CodePen.
Свързани
text-decorationtext-decoration-colortext-decoration-linetext-decoration-style
Повече информация
- CSS Модул за декорация на текст Ниво 4
Чернова на редактора text-decoration-skipв MSDN.- Дискусия за добавяне
trailing-spacesкато стойност от пощенския списък на W3C. - Подобряване на четливостта на текста за потребители с дислексия с подчертано пропускане на мастило
- text-decoration-skip на MDN
- text-decoration-skip-ink на MDN
Поддръжка на браузър
Тези данни за поддръжка на браузъра са от Caniuse, който има повече подробности. Число показва, че браузърът поддържа функцията на тази версия и по-нова.
работен плот
| Chrome | Firefox | IE | Ръб, край | Сафари |
|---|---|---|---|---|
| 91 | 87 | Не | 88 | TP |
Мобилен / таблет
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 14,0-14,4 * |