text-underline-position

Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

Résumé

La propriété CSS text-underline-position définie la position du soulignement qui est défini à l'aide de la valeur underline de la propriété text-decoration.

Cette propriété hérite et n'est pas remise à zéro par la propriété raccourcie text-decoration, permettant ainsi de facilement la définir de manière globale pour un document donné :

:root { text-underline-position: under; } /* Meilleure valeur par défaut pour un document avec de nombreuses formules chimiques */

Syntaxe

Syntaxe formelle : auto | alphabetic | [ under || [ left | right ] ]
text-underline-position: auto
text-underline-position: under
text-underline-position: left
text-underline-position: right
text-underline-position: under left
text-underline-position: right under
text-underline-position: alphabetic

text-underline-position: inherit

Valeurs

auto
Ce mot-clé permet au navigateur d'utiliser un algotihme pour choisir entre under et alphabetic.
under
Ce mot-clé force la ligne à être sous la ligne de base alphabétique, à une position ou elle ne croisera aucun jambage. Ceci est pratique pour éviter de rendre illisible des formules mathématiques ou chimiques à cause de leur usage intensif des indices.
alphabetic
Ce mot-clé force la ligne à être sur la ligne de base alphabétique, ce qui signifie qu'elle pourra croiser des jambages.
left
Dans les modes d'écriture verticaux, ce mot-clé force la ligne à être placée à gauche des caractères. Dans les modes horizontaux, c'est synonyme de under.
right
Dans les modes d'écriture verticaux, ce mot-clé force la ligne à être placée à droite des caractères. Dans les modes horizontaux, c'est un synonyme de under.
auto-pos
Ce mot-clé est un synonyme de auto. L'utilisation de ce synonyme doit être évitée.
above
Ce mot-clé force la ligne à être au-dessus du texte. Lorsqu'il est utilisé avec du texte dans une langue de l'Asie orientale, le mot-clé auto aura un effet similaire.
below
Ce mot-clé force la ligne à être sous le text. Lorsqu'il est utilisé avec du texte alphabétique, le mot-clé auto aura un effet similaire.

Spécifications

Spécification Statut Commentaire
CSS Text-decoration Level 3 Candidate Recommendation  

Compatibilité des navigateurs

Fonction Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support de base (auto) Pas de support Pas de support 6 [*] Pas de support Pas de support
alphabetic, under, left, right Pas de support Pas de support Pas de support Pas de support Pas de support
above, below Pas de support Pas de support 5 [*] Pas de support Pas de support
auto-pos Pas de support Pas de support 6 [*] Pas de support Pas de support
Fonction Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support de base Pas de support Pas de support Pas de support ? Pas de support Pas de support

[*] Internet Explorer implémente des valeurs différentes, avec des effets légèrement différents pour ces valeurs. De IE 5 jusqu'à IE 7 inclut, seule une version sans préfixe existe. Depuis IE 8, le préfixe peut être utilisé.

Voir également

Étiquettes et contributeurs liés au document

Étiquettes :
Contributeurs ayant participé à cette page : FredB
Dernière mise à jour par : FredB,
Masquer la barre latérale