text-decoration-skip

Experimental

A broader property that defines which parts of an element's content should be skipped by its text decorations. For example, you can tell an underline to skip spaces or the edges of the box.

div {
  text-decoration: underline;
  /* Tells the underline to skip over any empty spaces between words */
  text-decoration-skip: spaces;
}
Initial value
objects
Inherited
Yes
Applies to
allElements
Animation type
discrete

Values

noneobjectsspacesleading-spacestrailing-spacesedgesbox-decoration
Widely available Since 2015 89% global usage

This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.

Safe to use without fallbacks.

57+
12.1+
ESC