text-emphasis-style - Propriété CSS
Résumé des caractéristiques de la propriété text-emphasis-style
none
| circle
| dot
| double-circle
| sesame
| triangle
| open
| filled
none
text-emphasis-style
passe d'une valeur à l'autre sans transition.Description de la propriété text-emphasis-style
.
text-emphasis-style
définit le caractère ou la forme géométrique qui sera utilisé comme marque de mise en exergue.
Voici par exemple un texte mis en exergue avec des marques du type circle
.
Texte mis en exergue avec des cercles
Pour une présentation plus détaillée de la mise en exergue reportez-vous à la propriété raccourcie
text-emphasis
.
Syntaxes pour text-emphasis-style
.
c
est un caractère à utiliser à la place des styles prédéfinis.
text-emphasis-style:
;
- text-emphasis-style: none;
Aucun caractère d'accentuation. C'est la valeur par défaut.
- text-emphasis-style: dot; text-emphasis-style: circle; text-emphasis-style: double-circle; text-emphasis-style: triangle; text-emphasis-style: sesame;
Définit une forme géométrique prédéfinie pour les marques d'accentuation.
Exemple
(dot
)Exemple
(circle
)Exemple
(double-circle
)Exemple
(triangle
)Exemple
(sesame
) - text-emphasis-style: 'V';
Définit un caractère particulier qui sera utilisé comme caractère d'accentuation. Le caractère doit être inscrit entre apostrophes ou guillemets, afin de le distinguer des valeurs prédéfinies.
Exemple( un caractère )
- text-emphasis-style: open dot; text-emphasis-style: filled dot;
Ces deux valeurs peuvent être combinées avec n'importe laquelle des autres valeurs, sauf avec
none
. Elles définissent, pourfilled
une marque pleine, et pouropen
une marque vide (contour seul). Lorsque aucune de ces deux valeurs n'est précisée, la marque est considérée comme pleine par défaut. Si l'une de ces deux valeurs est précisée seule, la marque par défaut estcircle
pour les écritures horizontales, etsesame
pour les écritures verticales (CJK, hébreu...).
Voyez les exemples ci-dessous :Exemple
(filled
)Exemple
(open
)Exemple
(open dot
)Exemple
(open triangle
) - text-emphasis-style:
initial
; text-emphasis-style:inherit
; text-emphasis-style:revert
; text-emphasis-style:revert-layer
; text-emphasis-style:unset
;La valeur initiale est :
.none
Animation de la propriété text-emphasis-style
.
L'animation de la propriété text-emphasis-style
parcourt quelques unes des valeurs acceptées par cette propriété.
Les options filled
et open
ont également été incluses dans l'animation.
Simulateur.
Prise en charge par les navigateurs (compatibilité).
text-emphasis-style
.
text-emphasis-style
Navigateurs sur ordinateurs :
Navigateurs sur mobiles :
Navigateurs obsolètes ou marginaux :
Androïd Brower
Baidu Browser
Chrome
Chrome pour Androïd
Edge
Firefox
Firefox pour Androïd
Internet Explorer
KaiOS Browser
Opéra
Opéra Mobile
QQ Browser
Safari
Safari sur IOS
Samsung Internet
Oméra mini
Voir aussi, dans le même module de standardisation que text-emphasis-style
.
Les spécifications CSS éditées par le W3C sont organisées en modules. text-emphasis-style
fait partie du Module CSS - Décoration du texte (CSS Text Decoration Module). Les définitions suivantes sont également décrites dans ce même module.