Свойство 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 | Значение элемента наследуется от родительского элемента. |
Поддержка браузера
48.0+ | 15.0+ | 48.0+ | partial | ✓ |
Практикуйте свои знания
What is the function of the 'text-combine-upright' property in CSS?
Правильный!
Неправильно!