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 jeglicher Textdekoration, die das Element betrifft, ausgelassen werden sollen. Sie steuert alle von dem Element gezeichneten Textdekorationen sowie alle Textdekorationen, die von 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 ausgelassen. Somit wird die Textdekoration für alle Textinhalte und über atomare Inline-Level-Boxen hinweg gezeichnet.
objects-
Die gesamte Margin-Box des Elements wird ausgelassen, wenn es sich um ein atomares Inline-Element wie ein Bild oder ein Inline-Block handelt.
spaces-
Alle Leerzeichen werden ausgelassen: alle Unicode-Leerzeichen und alle Worttrenner, plus jeglicher benachbarter
letter-spacingoderword-spacing. leading-spaces-
Wie
spaces, außer dass nur führende Leerzeichen ausgelassen werden. trailing-spaces-
Wie
spaces, außer dass nur nachfolgende Leerzeichen ausgelassen werden. edges-
Der Beginn und das Ende der Textdekoration sind leicht eingerückt (z.B. um die Hälfte der Linienstärke) vom Inhaltsrand der dekorierenden Box. Somit erhalten benachbarte Elemente separate Unterstreichungen. (Dies ist wichtig im Chinesischen, wo die Unterstreichung eine Form der Interpunktion darstellt.)
box-decoration-
Die Textdekoration wird über den Rand-, Rahmen- und Pufferbereichen der Box ausgelassen. Dies hat nur Auswirkungen auf Dekorationen, die von einem Vorfahren auferlegt werden; eine dekorierende Box zeichnet niemals ü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 |