W3docs
es
Iniciar sesión

Propiedad CSS text-combine-upright

Usa la propiedad CSS text-combine-upright para combinar caracteres en el espacio de un solo carácter. Valores y ejemplos.

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

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

Información

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

Valor inicialnone
Se aplica aElementos en línea no reemplazados.
HeredableSí.
AnimatableNo.
VersiónCSS Writing Modes Module Level 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

Propiedad CSS text-combine-upright

Valores

ValorDescripción
noneSin procesamiento especial.
allOrganiza horizontalmente todas las unidades de caracteres tipográficos consecutivos dentro del cuadro, de modo que ocupen el espacio de una única 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 tenga tantos caracteres o menos que el entero especificado, de modo que ocupe el espacio de un único carácter dentro de la caja de línea vertical.

Práctica

Práctica
¿Qué hace la propiedad CSS 'text-combine-upright'?
¿Qué hace la propiedad CSS 'text-combine-upright'?
Was this page helpful?