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-up property
- CSS | nav-down property
- CSS | nav-right property
- CSS | top Property
- CSS | all Property
- CSS | right Property
- CSS | border-top Property
- CSS | quotes Property
- CSS | clear Property
- CSS | box-sizing Property
- CSS | min-height Property
- CSS | order property
- CSS | max-height Property
- Web API | DOMRectReadOnly x 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 firstname.lastname@example.org. 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.