propriété text-emphasis-position CSS

Définition et utilisation

text-emphasis-position Cet attribut spécifie la position du marqueur d'accent (haut, bas, gauche, droite).

Astuce :Utilisation writing-mode Utilisez cet attribut pour spécifier le mode d'écriture horizontal ou vertical.

Exemple

Utilisation text-emphasis-position Attribut :

h3.ex1 {
  text-emphasis: double-cercle rouge;
  text-emphasis-position: au-dessus;
}
h3.ex2 {
  text-emphasis: triangle bleu;
  text-emphasis-position: sous;
}
h3.ex3 {
  writing-mode: vertical-rl;
  text-emphasis: triangle bleu;
  text-emphasis-position: sous droite;
}
h3.ex4 {
  writing-mode: vertical-rl;
  text-emphasis: triangle bleu;
  text-emphasis-position: sous droite;
}

Essayez-le vous-même

Syntaxe CSS

text-emphasis-position: over|under|left|right|initial|hérité;

Valeur de l'attribut

Valeur Description
au-dessus Appliquez un marqueur d'accent au-dessus du texte (dans le mode d'écriture horizontal).
sous Appliquez un marqueur d'accent sous le texte (dans le mode d'écriture horizontal).
gauche Appliquez un marqueur d'accent à gauche du texte (dans le mode d'écriture vertical).
droite Appliquez un marqueur d'accent à droite du texte (dans le mode d'écriture vertical).
initial Set this property to its default value. Voir initial.
hérité Inherits this property from its parent element. Voir hérité.

Détails techniques

Valeur par défaut : droite en haut
Héritabilité : oui
Version : CSS3
Syntaxe JavaScript : object.style.textEmphasisPosition="under"

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 Opéra
99.0 99.0 46.0 7.0 85.0