text-decoration-skip
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Die text-decoration-skip-CSS-Eigenschaft legt fest, welche Teile des Inhalts eines Elements von einer Textdekoration, die das Element betrifft, übersprungen werden müssen. Sie steuert alle Textdekorationslinien, die vom Element selbst sowie von allen seinen Vorfahren gezeichnet werden.
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. Somit wird die Textdekoration für den gesamten Textinhalt und über atomare Inline-Level-Boxen hinweg gezeichnet.
objects-
Die gesamte Margin-Box des Elements wird übersprungen, wenn es sich um ein atomares Inline wie ein Bild oder ein Inline-Block handelt.
spaces-
Alle Abstände werden übersprungen: alle Unicode-Leerzeichenzeichen und alle Worttrennzeichen, sowie jeder angrenzende
letter-spacingoderword-spacing. leading-spaces-
Entspricht
spaces, außer dass nur führende Leerzeichen übersprungen werden. trailing-spaces-
Entspricht
spaces, außer dass nur nachfolgende Leerzeichen übersprungen werden. edges-
Der Anfang und das Ende der Textdekoration ist leicht eingezogen (z.B. um die Hälfte der Liniendicke) vom Rand des dekorierenden Kastens. Somit erhalten angrenzende Elemente separate Unterstreichungen. (Dies ist wichtig im Chinesischen, wo Unterstreichungen eine Form der Interpunktion darstellen.)
box-decoration-
Die Textdekoration wird über den Rand, die Grenze und die Auffüllungsbereiche des Kastens übersprungen. Dies hat nur Auswirkungen auf Dekorationen, die von einem Vorfahren auferlegt werden; ein dekorierender Kasten zeichnet niemals über seine eigene Kastendekoration.
Formale Definition
| Anfangswert | objects |
|---|---|
| Anwendbar auf | alle Elemente |
| Vererbt | Ja |
| Berechneter Wert | wie angegeben |
| Animationstyp | diskret |
Formale Syntax
text-decoration-skip =
none |
auto
Beispiele
Kanten überspringen
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
| Specification |
|---|
| CSS Text Decoration Module Level 4 # text-decoration-skipping |