Propriété CSS text-combine-upright

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

Si le texte combiné est plus large à 1em, l'agent de l'utilisateur doit tienne le contenu sur 1em.

La propriété text-combine-upright n'a d'effet que sur les modes d'écriture verticaux.
Valeur initiale none
Appliquée à Éléments en ligne qui ne sont pas remplacés.
Héritée Oui.
Animable Non.
Version CSS1
Syntaxe DOM object.style.textCombineUpright = "all";

Syntaxe

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

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style>
      .example {
      writing-mode: vertical-lr;
      text-combine-upright: digits 2;
      font: 32px "Roboro", Helvetica, Sans serif;
      }
    </style>
  </head>
  <body>
    <h2>Exemple de la propriété text-combine-upright </h2>
    <p lang="ja" class="example">平成18年6月22日に</p>
  </body>
</html>

Valeurs

Valeur Description
none Aucun traitement particulier.
all Organise horizontalement toutes les unités de caractères typographiques consécutives dans la zone de sorte qu'elles occupent l'espace d'une seule unité de caractères typographiques dans la zone de ligne verticale.
digits <integer>? Affiche une séquence de chiffres ASCII consécutifs (U + 0030 – U + 0039) comportant autant de caractères que le nombre spécifié ou moins que le nombre entier spécifié, de manière à occuper l'espace d'un seul caractère dans la zone de ligne verticale.
initial Fait utiliser la valeur initiale.
inherit Hérite la propriété de son élément parent.

Support de Navigateurs

chrome edge firefox safari opera
48.0+ 15.0+ 48.0+ partial

Pratiquez vos connaissances

Qu'est-ce que la propriété CSS 'text-combine-upright' fait et dans quelles conditions cela s'applique-t-il?
Trouvez-vous cela utile?