text-combine-upright - Propriété CSS
Résumé des caractéristiques de la propriété text-combine-upright
none
| all
| digits
text-combine-upright
ne peut pas être animée.Description de la propriété text-combine-upright
.
La propriété text-combine-upright
gère l'orientation de groupes de caractères dans le cas d'une écriture verticale,
comme c'est le cas dans les langues chinoise, japonaises (CJK ou en hébreu et quelques autres langues.
La propriété n'a aucun effet si l'écriture est horizontale.
On peut souhaiter par exemple que les chiffres d'un nombre restent groupés, et sur une même ligne, bien que le reste
du texte se déroule verticalement, comme dans l'exemple ci-dessous.
Le deuxième exemple montre également que le navigateur est sensé faire tenir le groupe de chiffres (ou de caractères)
dans la hauteur du texte.
Enfin le troisième exemple est une utilisation détournée de text-combine-upright
. La propriété a été appliquée sur chacun
des mots séparément de façon à ce qu'ils soient les uns en dessous des autres et avec une largeur identique.
Les années 60
L'année 691969
Effetdestyle
Les exemples de cette page sont en français mais la propriété text-combine-upright
est surtout utilisée dans les langues
dont la direction d'écriture est verticale. Elle peut cependant être intéressante dans des cas particuliers comme
l'écriture de titres verticaux.
Consultez la page de la propriété writing-mode
pour une présentation générale des modes d'écriture en fonction
de la langue du texte.
Et voyez également la propriété text-orientation
qui gère l'orientation des caractères de façon unitaire.
Syntaxes pour text-combine-upright
.
ninteger
est un nombre entier positif.
- text-combine-upright: none;
Les caractères sont les uns en dessous des autres, leur orientation étant déterminée par la propriété
text-orientation
. - text-combine-upright: all;
Tous les caractères du texte de l'élément sont groupés ensemble sur la même ligne. Leur largeur est réduite pour tenir dans la hauteur normale du texte dans la police actuelle.
- text-combine-upright: digits 4; ⚠
Cette valeur a été récemment ajoutée, et est encore peu reconnue par les navigateurs. Elle est composée du mot
digits
suivie d'un espace et d'un chiffre.Dans notre exemple, les caractères, lorsqu'ils sont des chiffres, sont groupés par quatre, alignés horizontalement, et leur largeur est ramenée à la hauteur du texte.
- text-combine-upright:
initial
; text-combine-upright:inherit
; text-combine-upright:revert
; text-combine-upright:revert-layer
; text-combine-upright:unset
;La valeur initiale est :
none
.
Animation de la propriété text-combine-upright
.
La propriété text-combine-upright
ne peut pas être animée.
Simulateur pour la propriété text-combine-upright
.
Le simulateur applique la propriété text-combine-upright
(avec la valeur que vous choisissez) aux balises span
qui entourent les valeurs numériques et le titre vertical (ces portions de texte apparaissent en bleu).
Soit 120/1000
Titre vertical
Prix : 5300€
Prise en charge par les navigateurs (compatibilité).
La propriété text-combine-upright
est bien prise en charge par les navigateurs actuels, sauf en ce qui concerne la valeur
digits
qui n'est pas encore bien reconnue (2023).
text-combine-upright
par les différents navigateurs actuels.
digits
permettant de spécifier un nombre de chiffres.
text-combine-upright
digits
Navigateurs sur ordinateurs :
Navigateurs sur mobiles :
Navigateurs obsolètes ou marginaux :
Androïd Brower
Chrome
Chrome pour Androïd
Edge
Firefox
Firefox pour Androïd
Internet Explorer
Opéra
Opéra Mobile
Safari
Safari sur IOS
Samsung Internet
Voir aussi, dans le même module de standardisation que text-combine-upright
.
Les spécifications CSS éditées par le W3C sont organisées en modules. text-combine-upright
fait partie du Module CSS - Modes d'écriture (CSS Writing Modes). Les définitions suivantes sont également décrites dans ce même module.