Attribut text-underline-offset CSS

Définition et utilisation

text-underline-offset L'attribut spécifie la distance d'offset du texte souligné.

Exemple

Définir la distance d'offset du texte souligné :

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;
}

Essayez-le vous-même

Syntaxe CSS

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

Valeur de l'attribut

Valeur Description
auto Valeur par défaut. Le navigateur définit un offset approprié pour les soulignements.
length Spécifiez l'offset en valeur de longueur.
percentage Spécifiez l'offset en pourcentage.
initial Réinitialise cette propriété à sa valeur par défaut. Voir initial.
inherit Inherits this property from its parent element. Voir inherit.

Détails techniques

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 : CSS4
Syntaxe JavaScript : object.style.textUnderlineOffset="1em"

Prise en charge du navigateur

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

Chrome Edge Firefox Safari Opera
87.0 87.0 70.0 12.1 73.0

Pages associées

Tutoriel :Décoration de texte CSS

Référence :propriété textDecoration de HTML DOM