Свойство CSS text-combine-upright
Используйте свойство CSS text-combine-upright для объединения символов в пространстве одного знака. Описание значений и примеры использования.
Свойство text-combine-upright задаёт объединение символов в пространстве одного знака.
Если объединённый текст шире 1em, браузер должен вписать содержимое в 1em.
Информация
Свойство text-combine-upright действует только в вертикальных режимах письма.
| Начальное значение | none |
|---|---|
| Применяется к | Не заменяемым строчным элементам. |
| Наследуется | Да. |
| Анимируется | Нет. |
| Версия | CSS Writing Modes Module Level 3 |
| Синтаксис DOM | object.style.textCombineUpright = "all"; |
Синтаксис
Синтаксис CSS text-combine-upright
text-combine-upright: none | all | digits <integer>?;Пример свойства text-combine-upright:
Пример кода 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>Результат

Значения
| Значение | Описание |
|---|---|
| none | Без специальной обработки. |
| all | Располагает горизонтально все последовательные типографические единицы символов внутри блока так, чтобы они занимали пространство одной типографической единицы в вертикальном строчном блоке. |
digits <integer>? | Отображает последовательность идущих подряд ASCII-цифр (U+0030–U+0039) количеством не более указанного целого числа так, чтобы она занимала пространство одного символа в вертикальном строчном блоке. |
Практика
Практика
Что делает CSS-свойство 'text-combine-upright'?
Was this page helpful?