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 Textdekorationen sowie alle Textdekorationen, die von seinen Vorfahren gezeichnet werden.
Hinweis:
Die meisten anderen Browser unterstützen zunehmend die einfachere Eigenschaft text-decoration-skip-ink.
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 alle Textinhalte und über atomare Inline-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 und alle Worttrennzeichen, plus jeglicher angrenzender
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 sind leicht (z. B. um die Hälfte der Linienstärke) von der Inhaltkante der dekorierenden Box eingezogen. So erhalten angrenzende Elemente separate Unterstreichungen. (Dies ist in Chinesisch wichtig, wo Unterstreichung eine Form der Interpunktion ist.)
box-decoration-
Die Textdekoration wird über die Rand-, Rahmen- und Auffüllungsbereiche 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
Überspringen von Kanten
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 |
Browser-Kompatibilität
Loading…