Propriété CSS text-combine-upright

La propriété text-combine-upright spécifie la combinaison de caractères dans l'espace d'un seul caractère.

Si le texte combiné est plus large que 1em, l'agent utilisateur doit adapter le contenu à l'intérieur de 1em.

INFO

La propriété text-combine-upright n'a d'effet que dans les modes d'écriture verticaux.

Valeur initiale	none
S'applique à	Éléments en ligne non remplacés.
Héritée	Oui.
Animable	Non.
Version	CSS Writing Modes Module Level 3
Syntaxe DOM	object.style.textCombineUpright = "all";

Syntaxe

Syntaxe CSS text-combine-upright

css

text-combine-upright: none | all | digits <integer>?;

Exemple de la propriété text-combine-upright :

Exemple de code CSS text-combine-upright

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      .example {
        writing-mode: vertical-lr;
        text-combine-upright: digits 2;
        font: 32px "Roboto", Helvetica, sans-serif;
      }
    </style>
  </head>
  <body>
    <h2>Text-combine-upright property example</h2>
    <p lang="ja" class="example">
      平成18年6月22日に
    </p>
  </body>
</html>

Try it Yourself »

Résultat

Propriété CSS text-combine-upright

Valeurs

Valeur	Description
none	Aucun traitement spécial.
all	Arrange horizontalement toutes les unités de caractères typographiques consécutives à l'intérieur de la boîte de manière à ce qu'elles occupent l'espace d'une seule unité de caractère typographique dans la boîte de ligne verticale.
digits `<integer>`?	Affiche une séquence de chiffres ASCII consécutifs (U+0030–U+0039) ayant autant de caractères ou moins que l'entier spécifié, de manière à occuper l'espace d'un seul caractère dans la boîte de ligne verticale.

Pratique

Que fait la propriété CSS 'text-combine-upright' ?

Elle permet de combiner du texte dans un espace par ailleurs trop étroit.Elle déplace le texte de gauche à droite.Elle est utilisée pour contrôler les caractères en position verticale.Elle augmente la taille de la police du texte.

Propriété CSS text-combine-upright ​

Syntaxe ​

Exemple de la propriété text-combine-upright : ​

Résultat ​

Valeurs ​

Pratique ​

Propriété CSS text-combine-upright

Syntaxe

Exemple de la propriété text-combine-upright :

Résultat

Valeurs

Pratique