Свойство text-decoration-skip-ink определяет способ рисования надстрочных и нижних подчеркиваний при прохождении над верхними и нижними элементами глифов.
/* Single keyword */text-decoration-skip-ink:none;text-decoration-skip-ink:auto;text-decoration-skip-ink:all;/* Global keywords */text-decoration-skip-ink:inherit;text-decoration-skip-ink:initial;text-decoration-skip-ink:revert;text-decoration-skip-ink:revert-layer;text-decoration-skip-ink:unset;
Подчеркивания и надчеркивания рисуются по всей длине текстового содержимого, включая части, которые пересекают нижние и верхние элементы глифов.
auto
Браузер может прерывать подчеркивание и наложение, чтобы они не касались глифа и не приближались к нему. То есть они прерываются там, где в противном случае они пересекали бы глиф.
all
Браузер должен прерывать подчеркивание и подчеркивание, чтобы они не касались глифа и не приближались к нему. Это может быть полезно с некоторыми китайскими, японскими или корейскими (CJK) шрифтами, где автоматическое поведение может не создавать прерываний.
p{font-size:1.5em;text-decoration:underlineblue;text-decoration-skip-ink:auto;/* this is the default anyway */}.no-skip-ink{text-decoration-skip-ink:none;}.skip-ink-all{text-decoration-skip-ink:all;}
1 2 3 4 5 6 7 8 910
<p>You should go on a quest for a cup of coffee.</p><pclass="no-skip-ink">Or maybe you'd prefer some tea?</p><p>
この文は、 text-decoration-skip-ink: auto
の使用例を示しています。
</p><pclass="skip-ink-all">
この文は、 text-decoration-skip-ink: all
の使用例を示しています。
</p>