The text-decoration-skip-ink CSS property specifies how overlines and underlines are drawn when they pass over glyph ascenders and descenders.


/* Single keyword */
text-decoration-skip-ink: none;
text-decoration-skip-ink: auto;

/* Global keywords */
text-decoration-skip: inherit;
text-decoration-skip: initial;
text-decoration-skip: unset;


The default — underlines and overlines are drawn across the full length of the text content, including parts that cross over glyph descenders and ascenders.
Underlines and overlines are only drawn where they do not touch or closely approach a glyph. I.e. they are interrupted where they would otherwise cross over a glyph.
An example of "text-decoration-skip: ink;".

Formal Syntax

auto | none


HTML content

<p>You should go and grab a cup of coffee.</p>

CSS content

p {
  margin: 0;
  font-size: 2em;
  text-decoration: underline blue;
  text-decoration-skip-ink: auto;



Initial value auto
Applies to all elements
Inherited yes
Media visual
Computed value as specified
Animation type discrete
Canonical order order of appearance in the formal grammar of the values

Browser Compatibility

Feature Chrome Edge Firefox Internet Explorer Opera Safari
Basic support 64 No No No 50 No
Feature Android webview Chrome for Android Edge mobile Firefox for Android Opera Android iOS Safari Samsung Internet
Basic support 64 64 No No 50 No ?

© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.