Свойство 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?
Правильный!
Неправильно!