Propriété CSS text-combine-upright
Use the text-combine-upright CSS property to set the combination of characters into the space of a single character. Read about property values and see examples.
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-uprightn'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
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>Résultat
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
Pratique
Que fait la propriété CSS 'text-combine-upright' ?