Propriedade CSS text-combine-upright
Use a propriedade CSS text-combine-upright para combinar caracteres no espaço de um único caractere. Veja os valores e exemplos.
A propriedade text-combine-upright especifica a combinação de caracteres no espaço de um único caractere.
Se o texto combinado for mais largo que 1em, o agente de usuário deve ajustar o conteúdo dentro de 1em.
Informação
A propriedade text-combine-upright só tem efeito em modos de escrita verticais.
| Valor inicial | none |
|---|---|
| Aplica-se a | Elementos inline não substituídos. |
| Herdado | Sim. |
| Animável | Não. |
| Versão | CSS Writing Modes Module Level 3 |
| Sintaxe DOM | object.style.textCombineUpright = "all"; |
Sintaxe
Sintaxe CSS text-combine-upright
text-combine-upright: none | all | digits <integer>?;Exemplo da propriedade text-combine-upright:
Exemplo de código 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>Resultado

Valores
| Valor | Descrição |
|---|---|
| none | Nenhum processamento especial. |
| all | Organiza horizontalmente todas as unidades tipográficas de caracteres consecutivas dentro da caixa, de modo que ocupem o espaço de uma única unidade tipográfica de caractere dentro da caixa de linha vertical. |
digits <integer>? | Exibe uma sequência de dígitos ASCII consecutivos (U+0030–U+0039) com uma quantidade igual ou menor de caracteres do que o inteiro especificado, de modo que ocupe o espaço de um único caractere dentro da caixa de linha vertical. |
Prática
Prática
O que faz a propriedade CSS 'text-combine-upright'?
Was this page helpful?