text-decoration-skip-ink

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

Syntax

/* 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;

Values

none
Underlines and overlines are drawn across the full length of the text content, including parts that cross over glyph descenders and ascenders.
auto
The default — 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

Example

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;
}

Result

Specifications

Specification Status Comment
CSS Text Decoration Module Level 4
The definition of 'text-decoration-skip-ink' in that specification.
Working Draft Initial definition

Initial valueauto
Applies toall elements
Inheritedyes
Mediavisual
Computed valueas specified
Animation typediscrete
Canonical orderorder of appearance in the formal grammar of the values

Browser Compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
Basic support
Experimental
Chrome Full support 64Edge No support NoFirefox No support NoIE No support NoOpera Full support 50Safari No support NoWebView Android Full support 64Chrome Android Full support 64Edge Mobile No support NoFirefox Android No support NoOpera Android Full support 50Safari iOS No support NoSamsung Internet Android No support No

Legend

Full support  
Full support
No support  
No support
Experimental. Expect behavior to change in the future.
Experimental. Expect behavior to change in the future.

Document Tags and Contributors

Contributors to this page: chrisdavidmills, Siilwyn, mfluehr, wbamberg, ehermanson, fscholz
Last updated by: chrisdavidmills,