text-decoration-skip CSS property
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 jegliche Textdekoration, die das Element beeinflusst, überspringen muss. Sie steuert alle von dem Element gezeichneten Textdekorationslinien sowie alle Textdekorationslinien, die von seinen Vorfahren gezeichnet werden.
Hinweis:
Die meisten anderen Browser neigen dazu, die einfachere Eigenschaft text-decoration-skip-ink zu unterstützen.
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 allen Textinhalt und über atomare Inline-Level-Boxen gezeichnet.
objects-
Die gesamte Margin-Box des Elements wird übersprungen, wenn es sich um ein atomarisches Inline-Element wie ein Bild oder ein Inline-Block handelt.
spaces-
Alle Abstände werden übersprungen: alle Unicode-Leerzeichenzeichen und alle Worttrennzeichen, plus jedes angrenzende
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 nachfolgende Leerzeichen übersprungen werden. edges-
Der Anfang und das Ende der Textdekoration werden leicht (z.B. um die Hälfte der Linienstärke) vom Rand des dekorierenden Kastens eingezogen. Somit erhalten angrenzende Elemente separate Unterstreichungen. (Dies ist im Chinesischen wichtig, wo Unterstreichungen eine Form der Interpunktion darstellen.)
box-decoration-
Die Textdekoration wird über den Margin-, Border- und Paddingbereich des Kastens übersprungen. Dies hat nur eine Auswirkung 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
Ü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 |