Propriété text-underline-position de CSS

Définition et utilisation

text-underline-position L'attribut spécifie la position de la décoration de texte souligné.

Définir la position de la décoration de texte souligné :

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;

Valeur	Description
auto	Valeur par défaut. Le navigateur définit la position des soulignements.
under	Placez le soulignement sous la ligne de base des lettres.
from-font	Si le fichier de police de caractères contient des informations sur la position du soulignement, utilisez cette valeur. Sinon, utilisez auto.
gauche	Dans le mode d'écriture vertical, la ligne de soulignement est placée à gauche du texte. Dans le mode d'écriture horizontal, la ligne de soulignement est placée selon auto.
droite	Dans le mode d'écriture vertical, la ligne de soulignement est placée à droite du texte. Dans le mode d'écriture horizontal, la ligne de soulignement est placée selon auto.
initial	Set this property to its default value. See initial.
inherit	Inherited from its parent element. See inherit.

Valeur par défaut :	auto
Héritabilité :	yes
Création d'animation :	Non pris en charge. Voir :Propriétés liées aux animations.
Version :	CSS3
Syntaxe JavaScript :	object.style.textUnderlinePosition="under"

Les nombres dans le tableau représentent la version du navigateur qui prend en charge pleinement cette propriété pour la première fois.

Chrome	Edge	Firefox	Safari	Opera
33.0	79.0	74.0	12.1	20.0