CSS text-underline-position Eigenschaft

Definition und Verwendung

text-underline-position Die Eigenschaft gibt die Position der Unterstrichtextdekoration an.

Position der Unterstrichtextdekoration einstellen:

div.a {
  text-decoration: underline;
  text-underline-position: auto;
}
div.b {
  text-decoration: underline;
  text-underline-position: under;
}

text-underline-position: auto|under|from-font|left|right|initial|inherit;

Wert	Beschreibung
auto	Standardwert. Der Browser legt die Position des Unterstrichs fest.
under	Setzen Sie den Unterstrich unter dem Buchstabenboden.
from-font	Wenn das Zeichensatzdatei Informationen über den Unterstrichposition enthält, wird dieser Wert verwendet. Sonst wird auto verwendet.
left	Im vertikalen Schreibmodus wird das Unterstrich auf der linken Seite des Textes positioniert. Im horizontalen Schreibmodus wird das Unterstrich unter auto positioniert.
right	Im vertikalen Schreibmodus wird das Unterstrich auf der rechten Seite des Textes positioniert. Im horizontalen Schreibmodus wird das Unterstrich unter auto positioniert.
initial	Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit	Diese Eigenschaft von ihrem übergeordneten Element erben. Siehe inherit.

Standardwert:	auto
Vererbbarkeit:	ja
Animation erstellen:	Nicht unterstützt. Siehe:Animationsspezifische Eigenschaften.
Version:	CSS3
JavaScript Syntax:	object.style.textUnderlinePosition="under"

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

Chrome	Edge	Firefox	Safari	Opera
33.0	79.0	74.0	12.1	20.0