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 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-
Es wird nichts übersprungen. Somit wird die Textdekoration für alle Textinhalte und über atomare inline-level Boxen hinweg gezeichnet.
objects-
Die gesamte Margenbox des Elements wird übersprungen, wenn es sich um einen atomaren Inline handelt, wie z. B. ein Bild oder ein Inline-Block.
spaces-
Alle Abstände werden übersprungen: alle Unicode-Leerzeichen-Zeichen und alle Worttrennzeichen, plus alle angrenzenden
letter-spacingoderword-spacing. leading-spaces-
Das gleiche wie
spaces, außer dass nur führende Leerzeichen übersprungen werden. trailing-spaces-
Das gleiche wie
spaces, außer dass nur nachfolgende Leerzeichen übersprungen werden. edges-
Der Anfang und das Ende der Textdekoration sind leicht (z. B. durch die Hälfte der Liniendicke) vom Inhaltsrand der dekorierenden Box zur Innenseite versetzt. Somit erhalten angrenzende Elemente separate Unterstreichungen. (Dies ist im Chinesischen wichtig, wo das Unterstreichen eine Form der Interpunktion darstellt.)
box-decoration-
Die Textdekoration wird über den Margen-, Rand- und Polsterungsbereichen der Box übersprungen. Dies hat nur Auswirkungen auf Dekorationen, die von einem Vorfahren auferlegt werden; eine dekorierende Box zeichnet nie über ihre eigene Box-Dekoration.
Formale Definition
| Anfangswert | objects |
|---|---|
| Anwendbar auf | alle Elemente |
| Vererbt | Ja |
| Berechneter Wert | wie angegeben |
| Animationstyp | diskret |
Formale Syntax
text-decoration-skip =
none |
auto
Beispiele
Ränder ü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 |