text-emphasis-style

La propriété text-emphasis-style définit le type d'emphase utilisée. Celui-ci peut également être (re)défini via la propriété raccourcie text-emphasis.

Valeur initiale	`none`
Applicabilité	tous les éléments
Héritée	non
Média	visuel
Valeur calculée	comme spécifié
Animable	non
Ordre canonique	l'ordre unique et non-ambigu défini par la grammaire formelle

Syntaxe

/* Valeur initiale */
/* Aucune marque d'emphase */
text-emphasis-style: none;

/*  Valeur distincte */
text-emphasis-style: 'x';
text-emphasis-style: '点';
text-emphasis-style: '\25B2';
text-emphasis-style: '*';

/* Valeurs avec un mot-clé */
text-emphasis-style: filled;
text-emphasis-style: open;
text-emphasis-style: filled sesame;
text-emphasis-style: open sesame;

/* Valeurs globales */
text-emphasis-style: inherit;
text-emphasis-style: initial;
text-emphasis-style: unset;

Valeurs

none: Aucune marque d'emphase.
filled: La forme est remplie avec une couleur unie. Si filled ou open est absent, ce sera la valeur par défaut.
open: La forme est vide.
dot: Cette valeur permet d'afficher des marques en forme de points. Le point rempli est le caractère '•' (U+2022) et le point vide est le caractère '◦' (U+25E6).
circle: Cette valeur permet d'afficher des marques en forme de cercles (plus grands que les points). Le cercle rempli est le caractère '●' (U+25CF) et celui pour le cercle ouvert est '○' (U+25CB).
double-circle: Cette valeur permet d'afficher des marques en forme de doubles cercles. Le double-cercle rempli est le caractère '◉' (U+25C9), et le double-cercle ouvert est le caractère '◎' (U+25CE).
triangle: Cette valeur permet d'afficher des marques en forme de triangles. Le triangle rempli correspond au caractère '▲' (U+25B2) et le triangle ouvert au caractère '△' (U+25B3).
sesame: Cette valeur permet d'afficher des marques en forme de points sésame :'﹅' (U+FE45) pour le caractère rempli et '﹆' (U+FE46) pour le caractère ouvert.
<string>: Utilise la chaîne fournie comme marque. Attention, l'agent utilisateur peut tronquer la chaîne ou choisir d'ignorer les chaînes qui ont plus d'un graphème. Il est donc conseillé de n'utiliser qu'une seule lettre.

Syntaxe formelle

none | [[filled | open ] || [dot | circle | double-circle | triangle | sesame ]] | <string'>

Exemples

HTML

<p><em>Coucou</em>, je suis <em>là</em></p>

CSS

em {
  text-emphasis-style: sesame;
}

Résultat

Spécifications

Spécification	Statut	Commentaires
CSS Text Decoration Level 3 La définition de 'text-emphasis' dans cette spécification.	Candidat au statut de recommandation	Définition initiale.

Fonctionnalité	Firefox (Gecko)	Chrome	Internet Explorer	Opera	Safari
Support simple	46 (46)^[1]	25.0-webkit	Pas de support	15.0-webkit	6.1-webkit 7.1

Fonctionnalité	Firefox Mobile (Gecko)	Android	IE Phone	Opera Mobile	Safari Mobile
Support simple	46.0 (46)	4.4-webkit	Pas de support	33-webkit	7.1

[1] Avec Firefox 45, la fonctionnalité n'était pas activée par défaut, l'utilisateur doit, dans about:config, activer la préférence layout.css.text-emphasis.enabled avec la valeur true.