The text-decoration-skip-ink
CSS property specifies how overlines and underlines are drawn when they pass over glyph ascenders and descenders.
text-decoration-skip-ink
is not part of the text-decoration
shorthand.
/* Single keyword */ text-decoration-skip-ink: none; text-decoration-skip-ink: auto; text-decoration-skip-ink: all; /* Global keywords */ text-decoration-skip: inherit; text-decoration-skip: initial; text-decoration-skip: unset;
none
auto
all
auto
behavior might not create interruptions.Initial value | auto |
---|---|
Applies to | all elements |
Inherited | yes |
Computed value | as specified |
Animation type | discrete |
auto | all | none
<p>You should go on a quest for a cup of coffee.</p> <p class="no-skip-ink">Or maybe you'd prefer some tea?</p> <p>この文は、 text-decoration-skip-ink: auto の使用例を示しています。</p> <p class="skip-ink-all">この文は、 text-decoration-skip-ink: all の使用例を示しています。</p>
p { font-size: 1.5em; text-decoration: underline blue; 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; }
Specification | Status | Comment |
---|---|---|
CSS Text Decoration Module Level 4 The definition of 'text-decoration-skip-ink' in that specification. | Working Draft | Initial definition |
Desktop | ||||||
---|---|---|---|---|---|---|
text-decoration-skip-ink |
64 | 79 | 70 | No | 50 | No |
all |
No | No | 75 | No | No | No |
Mobile | ||||||
---|---|---|---|---|---|---|
text-decoration-skip-ink |
64 | 64 | No | 46 | No | 9.0 |
all |
No | No | No | No | No | No |
© 2005–2020 Mozilla and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-skip-ink