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

Свойство text-combine-upright определяет комбинацию нескольких символов в пространстве одного символа.

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

Свойство text-combine-upright имеет эффект только в режиме вертикального письма.
Значение по умолчанию none
Применяется К незаменяемым строчным элементам.
Наследуется Да
Анимируемое Нет
Версия CSS1
DOM синтаксис object.style.textCombineUpright = "all";

Синтаксис

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

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
    <style>
      .example {
      writing-mode: vertical-lr;
      text-combine-upright: digits 2;
      font: 32px "Roboro", Helvetica, Sans serif;
      }
    </style>
  </head>
  <body>
    <h2>Пример свойства text-combine-upright</h2>
    <p lang="ja" class="example">平成18年6月22日に</p>
  </body>
</html>

Значения

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

Поддержка браузера

chrome edge firefox safari opera
48.0+ 15.0+ 48.0+ partial

Практикуйте свои знания

What is the function of the 'text-combine-upright' property in CSS?
Считаете ли это полезным?