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.

Quick example

div {
  text-decoration: underline;
  /* Tells the underline to skip over any empty spaces between words */
  text-decoration-skip: spaces;
}

Quick facts

Initial value
objects
Inherited
Yes
Applies to
all elements
Animation type
discrete

Values

noneobjectsspacesleading-spacestrailing-spacesedgesbox-decoration

text-decoration-skip Browser Support

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