Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

text-combine-upright - Propriété CSS

text-combine-upright

Résumé des caractéristiques de la propriété text-combine-upright

Description rapide
Définit l'orientation de groupes de caractères, dans le cas d'une écriture verticale.
Statut
Standard
Valeurs prédéfinies
none | all | digits
Pourcentages
Ne s'appliquent pas.
Valeur initiale
none
Héritée par défaut
Oui
Type d'animation
Not animatable : la propriété text-combine-upright ne peut pas être animée.
Module W3C
Module CSS - Modes d'écriture
Références (W3C)
 🡇  
 🡅  
Statut du document:: CR (document proposé pour la recommandation)

Statut du document:: REC (recommandation)

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 - Syntax DiagramSyntax diagram of the text-combine-upright CSS property. none none all all digits digits integer integertext-combine-upright:;text-combine-upright:;
  • 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).

text-combine-upright :
Surface : 30m²

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).

Colonne 1
Support de la propriété text-combine-upright par les différents navigateurs actuels.
Colonne 2
Traitement de la valeur digits permettant de spécifier un nombre de chiffres.
1
text-combine-upright
2
digits
Estimation de la prise en charge en pourcentage du parc actuel.
95%

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.

Propriétés.

Définit le sens d'écriture (de gauche à droite ou de droite à gauche).
Définit l'orientation des caractères dans le cas d'une écriture dans le sens vertical.
Gestion des possibilités d'écriture bidirectionnelle de Unicode.
Sens et direction d'écriture (horizontale ou verticale).