Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

CSS - Propriété text-emphasis-position

Description de la propriété text-emphasis-position.

Définit l'emplacement des caractères de mise en exergue par rapport au texte.

text-emphasis-position attend une ou deux valeurs séparées par un espace. Si une seule valeur est précisée, ce sera over ou under. Si deux valeurs sont précisées, la deuxième valeur sera left ou right.

Pour une présentation plus détaillée de la mise en exergue reportez-vous à la propriété raccourcie text-emphasis.

Reportez-vous également à la propriété writing-mode qui définit les sens d'écriture (horizontal ou vertical) et qui influence également la position des caractères de mise en exergue.

Syntaxes pour text-emphasis-position.

  • text-emphasis-position: over;
    Exemple

    Valeur par défaut. Les caractères d'accentuation sont placés au dessus du texte.

  • text-emphasis-position: under;
    Exemple

    Les caractères d'accentuation sont placés en dessous du texte.

  • text-emphasis-position: under left;
    Exemple

    La première valeur indique la position des caractères d'accentuation dans le cas d'une écriture horizontale. La deuxième valeur dans le cas d'une écriture verticale (langues CJK).

    Si la deuxième valeur n'est pas précisée, sa valeur par défaut est right.

    Toutes les combinaisons sont possibles. Le W3C précise les valeurs les plus courantes en fonction de la langue :

    Japonaisover right
    Coréenover right
    Mongolienover right
    Chinoisunder right

Simulateur.

Nous vous conseillons de cocher le préfixe correspondant à votre navigateur, dans l'attente d'une meilleure compatibilité.

Ajouter un préfixe :
text-emphasis-position :
-webkit-text-emphasis-position :
Texte de démonstration
Texte de démonstration

Voir aussi...

Blocs de texte - Propriétés.