W3docs
fr
Se connecter

Propriété CSS text-combine-upright

Utilisez la propriété CSS text-combine-upright pour combiner des caractères dans l'espace d'un seul caractère. Découvrez les valeurs et des exemples.

La propriété text-combine-upright définit 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 faire tenir le contenu dans 1em.

Info

La propriété text-combine-upright n'a d'effet qu'en mode d'écriture vertical.

Valeur initialenone
S'applique àÉléments en ligne non remplacés.
HéritéeOui.
AnimatableNon.
VersionCSS Writing Modes Module Level 3
Syntaxe DOMobject.style.textCombineUpright = "all";

Syntaxe

Syntaxe CSS text-combine-upright

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

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

Exemple de code CSS text-combine-upright

<!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>
Essayez vous-même »

Résultat

Propriété CSS text-combine-upright

Valeurs

ValeurDescription
noneAucun traitement spécial.
allArrange horizontalement toutes les unités de caractères typographiques consécutives dans la boîte, de sorte qu'elles occupent l'espace d'une seule unité de caractère typographique dans la ligne verticale.
digits <integer>?Affiche une séquence de chiffres ASCII consécutifs (U+0030–U+0039) contenant autant de caractères ou moins que l'entier spécifié, de sorte qu'ils occupent l'espace d'un seul caractère dans la ligne verticale.

Pratique

Pratique
Que fait la propriété CSS 'text-combine-upright' ?
Que fait la propriété CSS 'text-combine-upright' ?
Was this page helpful?