W3docs
es
Iniciar sesión

Propiedad 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 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 inicialnone
Se aplica aElementos en línea no reemplazados.
HeredableSí.
AnimableNo.
VersiónMódulo CSS Writing Modes Nivel 3
Sintaxis DOMobject.style.textCombineUpright = "all";

Sintaxis

Sintaxis de CSS text-combine-upright

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

Ejemplo de la propiedad text-combine-upright:

Ejemplo 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>
Pruébalo tú mismo »

Resultado

CSS text-combine-upright property

Valores

ValorDescripción
noneSin procesamiento especial.
allOrganiza 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

Práctica

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