W3docs

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 inicialnone
Aplica-se aElementos inline não substituídos.
HerdadoSim.
AnimávelNão.
VersãoCSS Writing Modes Module Level 3
Sintaxe DOMobject.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

Propriedade CSS text-combine-upright

Valores

ValorDescrição
noneNenhum processamento especial.
allOrganiza 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'?
O que faz a propriedade CSS 'text-combine-upright'?
Was this page helpful?