Unsere Freiwilligen haben diesen Artikel noch nicht in Deutsch übersetzt. Machen Sie mit und helfen Sie, das zu erledigen!
Sie können den Artikel auch auf English (US) lesen.

The text-decoration-skip CSS property specifies what parts of the element’s content any text decoration affecting the element must skip over. It controls all text decoration lines drawn by the element and also any text decoration lines drawn by its ancestors.

/* Single keyword */
text-decoration-skip: none;
text-decoration-skip: objects;
text-decoration-skip: edges;
text-decoration-skip: box-decoration;
text-decoration-skip: spaces;

/* Multiple keywords */
text-decoration-skip: objects spaces;
text-decoration-skip: leading-spaces trailing-spaces;
text-decoration-skip: objects edges box-decoration;

/* Global keywords */
text-decoration-skip: inherit;
text-decoration-skip: initial;
text-decoration-skip: unset;

Note: The ink value was moved to the text-decoration-skip-ink property.

Initial valueobjects
Applies toall elements
Computed valueas specified
Animation typediscrete
Canonical orderorder of appearance in the formal grammar of the values



Nothing is skipped, i.e. text decoration is drawn for all text content and across atomic inline-level boxes.
The entire margin box of the element is skipped if it is an atomic inline such as an image or inline-block.
All spacing is skipped, i.e. all Unicode white space characters and all word separators, plus any adjacent letter-spacing or word-spacing.
The same as spaces, except that only leading spaces are skipped.
The same as spaces, except that only trailing spaces are skipped.
The start and end of the text decoration is placed slightly inward (e.g. by half of the line thickness) from the content edge of the decorating box. E.g. two underlined elements side-by-side do not appear to have a single underline. (This is important in Chinese, where underlining is a form of punctuation.)
An example of "text-decoration-skip: edges;".
The text decoration is skipped over the box's margin, border and padding areas. This only has an effect on decorations imposed by an ancestor; a decorating box never draws over its own box decoration.

Formal Syntax

none | [ objects || [ spaces | [ leading-spaces || trailing-spaces ] ] || edges || box-decoration ]



<p><em>Hey,</em> <em>grab a cup of coffee!</em></p>


p {
  margin: 0;
  font-size: 3em;
  text-decoration: underline;
  text-decoration-skip: edges;



Specification Status Comment
CSS Text Decoration Module Level 4
The definition of 'text-decoration-skip' in that specification.
Editor's Draft Initial definition

Browser Compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support57 — 641 No No No44 — 5018 -webkit- 2
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support57 — 64157 — 641 No No44 — 5018 -webkit- 27.0

1. Only supports the deprecated ink value.

2. Only supports the none and skip values; all other values behave like those two values.

Schlagwörter des Dokuments und Mitwirkende

 Zuletzt aktualisiert von: mfluehr,