The text-decoration-skip-ink property is used to specify how the underlines and overlines are rendered when they pass through the characters or glyphs.
text-decoration-skip-ink: auto | none
- auto: This value is used to specify to skip the underlines and overlines that pass through a character. It is the default value.
- none: This value is used to specify to not skip the underlines and overlines that pass through a character. It would cut through the characters like ‘g’ and ‘t’.
Below examples illustrate the CSS text-decoration-skip-ink property:
Example 1: In this example, we will use text-decoration-skip-ink: auto; property value.
Example 2: In this example, we will use text-decoration-skip-ink: none; property value.
Supported Browsers: The browsers supported by text-decoration-skip-ink property are listed below:
- Google Chrome 64
- Firefox 70
- Opera 50
- CSS | transition-property Property
- CSS | nav-down property
- CSS | nav-up property
- CSS | nav-right property
- CSS | right Property
- CSS | top Property
- CSS | all Property
- CSS | quotes Property
- CSS | clear Property
- HTML | DOM Bdo dir Property
- Web API | DOMRectReadOnly y property
- Web API | DOMRectReadOnly x property
- CSS | will-change property
- CSS | bleed property
- CSS | filter Property
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to email@example.com. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.