CSS text-underline-offset Eigenschaft

Definition und Verwendung

text-underline-offset Die Eigenschaft legt den Abstand der Unterstreichung der Textdekoration fest.

Beispiel

Legen Sie den Abstand der Unterstreichung der Textdekoration fest:

div.a {
  text-decoration: underline;
}
div.b {
  text-decoration: underline;
  text-underline-offset: 10px;
}
div.c {
  text-decoration: underline wavy blue;
}
div.d {
  text-decoration: underline wavy blue;
  text-underline-offset: 10px;
}

Versuchen Sie es selbst

CSS-Syntax

text-underline-offset: auto|length|percentage|initial|inherit;

Eigenschaftswert

Wert Beschreibung
auto Standardwert. Der Browser setzt einen angemessenen Abstand für die Unterstreichung.
length Geben Sie den Abstand als Längenwert an.
percentage Geben Sie den Abstand als Prozentsatz an.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft von ihrem übergeordneten Element erben. Siehe inherit.

Technische Details

Standardwert: auto
Vererbbarkeit: ja
Animationserstellung: Nicht unterstützt. Siehe:Animationsspezifische Eigenschaften.
Version: CSS4
JavaScript-Syntax: object.style.textUnderlineOffset="1em"

Browser-Unterstützung

Die Zahlen in der Tabelle geben die Versionsnummer des ersten Browsers an, der diese Eigenschaft vollständig unterstützt.

Chrome Edge Firefox Safari Opera
87.0 87.0 70.0 12.1 73.0

Verwandte Seiten

Tutorium:CSS Textdekoration

Referenz:HTML DOM textDecoration Eigenschaft