text-decoration-skip
Veraltet: Diese Funktion wird nicht mehr empfohlen. Obwohl einige Browser sie möglicherweise noch unterstützen, könnte sie bereits aus den relevanten Webstandards entfernt worden sein, in Kürze entfernt werden oder nur noch aus Kompatibilitätsgründen bestehen. Vermeiden Sie die Verwendung und aktualisieren Sie vorhandenen Code, falls möglich; siehe die Kompatibilitätstabelle am Ende dieser Seite, um Ihre Entscheidung zu unterstützen. Beachten Sie, dass diese Funktion jederzeit aufhören könnte zu funktionieren.
Die text-decoration-skip CSS Eigenschaft legt fest, über welche Teile des Inhalts eines Elements jede das Element betreffende Textdekoration überspringen muss. Sie steuert alle von dem Element gezeichneten Textdekorationslinien und auch alle von seinen Vorfahren gezeichneten Textdekorationslinien.
Hinweis:
Die meisten anderen Browser nähern sich der Unterstützung der einfacheren text-decoration-skip-ink Eigenschaft an.
Syntax
/* Keyword values */
text-decoration-skip: none;
text-decoration-skip: objects;
text-decoration-skip: spaces;
text-decoration-skip: edges;
text-decoration-skip: box-decoration;
/* Multiple keywords */
text-decoration-skip: objects spaces;
text-decoration-skip: leading-spaces trailing-spaces;
text-decoration-skip: objects edges box-decoration;
/* Global values */
text-decoration-skip: inherit;
text-decoration-skip: initial;
text-decoration-skip: revert;
text-decoration-skip: revert-layer;
text-decoration-skip: unset;
Werte
none-
Nichts wird übersprungen. Daher wird die Textdekoration für den gesamten Textinhalt und über atomare Inline-Level-Boxen hinweg gezeichnet.
objects-
Die gesamte Randbox des Elements wird übersprungen, wenn es sich um ein atomares Inline-Element wie ein Bild oder ein Inline-Block handelt.
spaces-
Alle Abstände werden übersprungen: alle Unicode-Leerzeichen-Zeichen und alle Worttrennzeichen sowie alle angrenzenden
letter-spacingoderword-spacing. leading-spaces-
Dasselbe wie
spaces, außer dass nur führende Leerzeichen übersprungen werden. trailing-spaces-
Dasselbe wie
spaces, außer dass nur nachlaufende Leerzeichen übersprungen werden. edges-
Der Anfang und das Ende der Textdekoration sind leicht (z. B. um die Hälfte der Linienstärke) vom Inhalt der dekorierenden Box zurückgesetzt. So erhalten angrenzende Elemente getrennte Unterstreichungen. (Dies ist im Chinesischen wichtig, da Unterstreichungen eine Form der Interpunktion darstellen.)
box-decoration-
Die Textdekoration wird über der Rand-, Rahmen- und Polsterfläche der Box übersprungen. Dies hat nur Auswirkungen auf Dekorationen von einem Vorfahren; eine dekorierende Box zeichnet niemals über ihre eigene Boxdekoration.
Formale Definition
| Anfangswert | objects |
|---|---|
| Anwendbar auf | alle Elemente |
| Vererbt | Ja |
| Berechneter Wert | wie angegeben |
| Animationstyp | diskret |
Formale Syntax
text-decoration-skip =
none |
auto
Beispiele
Überspringen der Ränder
HTML
<p>Hey, grab a cup of <em>coffee!</em></p>
CSS
p {
margin: 0;
font-size: 3em;
text-decoration: underline;
text-decoration-skip: edges;
}
Ergebnis
Spezifikationen
| Spezifikation |
|---|
| CSS Text Decoration Module Level 4 # text-decoration-skipping |