Свойство CSS text-combine-upright

Свойство text-combine-upright определяет объединение символов в пространство одного символа.

Если объединённый текст шире 1em, пользовательский агент должен уместить содержимое в пределах 1em.

INFO

Свойство text-combine-upright действует только в вертикальных режимах записи.

Начальное значение	none
Применяется к	Незаменяемым строчным элементам.
Наследуется	Да.
Анимация	Нет.
Версия	CSS Writing Modes Module Level 3
Синтаксис DOM	object.style.textCombineUpright = "all";

Синтаксис

Синтаксис CSS text-combine-upright

css

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

Пример свойства text-combine-upright:

Пример кода 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 »

Результат

CSS text-combine-upright property

Значения

Значение	Описание
none	Без специальной обработки.
all	Распределяет горизонтально все последовательные типографские символы внутри блока так, чтобы они занимали пространство одного типографского символа внутри вертикальной строки.
digits `<integer>`?	Отображает последовательность подряд идущих ASCII-цифр (U+0030–U+0039), количество символов в которой равно или меньше указанного целого числа, так чтобы она занимала пространство одного символа внутри вертикальной строки.

Практика

В чём заключается функция CSS-свойства 'text-combine-upright'?

Позволяет объединять текст в пространстве, которое в противном случае было бы слишком узким.Сдвигает текст слева направо.Используется для управления символами, расположенными вертикально.Увеличивает размер шрифта текста.

Свойство CSS text-combine-upright ​

Синтаксис ​

Пример свойства text-combine-upright: ​

Результат ​