text-emphasis-position - Propriété CSS
Résumé des caractéristiques de la propriété text-emphasis-position
over
| under
| left
| right
over right
text-emphasis-position
passe d'une valeur à l'autre sans transition.Description de la propriété text-emphasis-position
.
Définit l'emplacement des caractères de mise en exergue par rapport au texte.
Exemple de texte mis en exergue
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é résumée 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
.
Schéma syntaxique de text-emphasis-position
.
text-emphasis-position:
;
Description des valeurs pour text-emphasis-position
.
- text-emphasis-position: over;
Les marques de mise en exergue sont placées au dessus du texte.
Exemple - text-emphasis-position: under;
Les marques de mise en exergue sont placées en dessous du texte.
Exemple - text-emphasis-position: under left;
La première valeur indique la position des marques de mise en exergue 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
. La première valeur est obligatoire (il n'est pas possible d'écrire simplementleft
ouright
).Toutes les combinaisons sont possibles. Le W3C précise les valeurs les plus courantes en fonction de la langue :
Japonais over right
Coréen over right
Mongolien over right
Chinois under right
Exemple - text-emphasis-position:
initial
; text-emphasis-position:inherit
; text-emphasis-position:revert
; text-emphasis-position:revert-layer
; text-emphasis-position:unset
;La valeur initiale est :
.over right
Animation de la propriété text-emphasis-position
.
L'animation de la propriété text-emphasis-position
se traduit simplement par une bascule des marques de mise en exergue entre
le dessus et le dessous du texte.
Simulateur pour text-emphasis-position
.
Le simulateur vous permet de visualiser l'effet de text-emphasis-position
en fonction de la direction et du sens d'écriture pour plusieurs familles de langues.
Prise en charge par les navigateurs (compatibilité).
Pas de problème de compatibilité à signaler sur les navigateurs actuels avec la syntaxe de la propriété.
text-emphasis-position
.
left
et right
dans la syntaxe de la propriété text-emphasis-position
.
text-emphasis-position
left
right
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-position
.
Les spécifications CSS éditées par le W3C sont organisées en modules. text-emphasis-position
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.