CSS - text-decoration-skip

The text-decoration-skip property specifies how text decorations should be applied to types of elements and characters.

Syntax  

CSS
text-decoration-skip: none;
text-decoration-skip: objects;
text-decoration-skip: spaces;
text-decoration-skip: ink;
text-decoration-skip: edges;
text-decoration-skip: box-decoration;

Values

none
The text-decoration property applies to all elements selected.
objects
The text-decoration property is ommitted for all atomic inline elements.
spaces
The text-decoration property is omitted from characters with the White_Space property.
ink
The text-decoration property applies only when it does not touch or closely approach a glyph.
An example of "text-decoration-skip: ink;".
edges
The text-decoration property is ommitted at half of the line thickness inward from the left and right edges of the decorating box.
An example of "text-decoration-skip: edges;".
box-decoration
The text-decoration property is ommitted for descendants' margin, border, and padding areas.

Formal Syntax

none | [ objects || spaces || ink || edges || box-decoration ]

a

Description  

Initial valueobjects
Applies toall elements
Inheritedyes
Mediavisual
Computed valueas specified
Animatableno
Canonical orderorder of appearance in the formal grammar of the values

The property defines horizontally where the text-decoration property applies.

See Also  

 

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support ? ? ? ? 9.0
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? ? ? ? ? ?

License

© 2016 Mozilla 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

CSS Property Reference