Propiedad CSS text-combine-upright

La propiedad text-combine-upright especifica la combinación de caracteres en el espacio de un solo carácter.

Si el texto combinado es más ancho que 1em, el agente de usuario debe ajustar el contenido dentro de 1em.

INFO

La propiedad text-combine-upright solo tiene efecto en modos de escritura vertical.

Valor inicial	none
Se aplica a	Elementos en línea no reemplazados.
Heredable	Sí.
Animable	No.
Versión	Módulo CSS Writing Modes Nivel 3
Sintaxis DOM	object.style.textCombineUpright = "all";

Sintaxis

Sintaxis de CSS text-combine-upright

css

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

Ejemplo de la propiedad text-combine-upright:

Ejemplo de código CSS text-combine-upright

html

<!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>

Try it Yourself »

Resultado

CSS text-combine-upright property

Valores

Valor	Descripción
none	Sin procesamiento especial.
all	Organiza horizontalmente todas las unidades de caracteres tipográficos consecutivas dentro del cuadro de manera que ocupen el espacio de una sola unidad de carácter tipográfico dentro de la caja de línea vertical.
digits `<integer>`?	Muestra una secuencia de dígitos ASCII consecutivos (U+0030–U+0039) que tiene tantos o menos caracteres que el entero especificado, de modo que ocupe el espacio de un solo carácter dentro de la caja de línea vertical.

Práctica

¿Qué hace la propiedad CSS 'text-combine-upright'?

Permite combinar el texto en un espacio que de otro modo sería demasiado estrecho.Desplaza el texto de izquierda a derecha.Se utiliza para controlar los caracteres verticales.Aumenta el tamaño de fuente del texto.

Propiedad CSS text-combine-upright ​

Sintaxis ​

Ejemplo de la propiedad text-combine-upright: ​

Resultado ​