text-combine-upright

Baseline Широко доступен

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с марта 2022 года.

Свойство text-combine-upright CSS задаёт объединение символов в пространстве одного символа. Если объединённый текст шире 1em, пользовательский агент должен вписать содержимое в пределах 1em. Результирующее начертание обрабатывается как один вертикальный символ для выравнивания и декораций. Это свойство работает только в вертикальных режимах написания.

Это используется для получения эффекта, известного как tate-chū-yoko «縦中横» на японском языке или «橫向文字» на китайском.

Попробуйте

Синтаксис

/* Keyword values */
text-combine-upright: none;
text-combine-upright: all;

/* Global values */
text-combine-upright: inherit;
text-combine-upright: initial;
text-combine-upright: revert;
text-combine-upright: revert-layer;
text-combine-upright: unset;

Значения

none: Обработки нет.
all: Попытка набора всех последовательных символов в пределах блока горизонтально таким образом, чтобы они занимали пространство одного символа в вертикальной строке блока.

Примечание: Модуль CSS writing modes определяет значение digits <integer> для свойства text-combine-upright для отображения двух-четырёх последовательных ASCII цифр (U+0030–U+0039) так, чтобы они занимали пространство одного символа в вертикальной строке блока, но эта функция не поддерживается ни в одном браузере.

Формальное определение

Начальное значение	`none`
Применимо к	незаменённым инлайновым элементам
Наследуется	да
Вычисляемое значение	указанное ключевое слово, плюс целое число, если 'digits'
Тип анимации	Не анимируется

Формальный синтаксис

text-combine-upright = 
  none                         |
  all                          |
  [ digits <integer [2,4]>? ]

Примеры

Использование 'all' с горизонтальным текстом

Значение all требует разметки вокруг каждого фрагмента горизонтального текста, но в настоящее время оно поддерживается больше браузерами, чем значение digits.

HTML

<p lang="zh-Hant">
  民國<span class="num">105</span>年<span class="num">4</span>月<span
    class="num"
    >29</span
  >日
</p>

CSS

html {
  writing-mode: vertical-rl;
  font: 24px serif;
}
.num {
  text-combine-upright: all;
}

Результаты

Спецификации

Спецификация
CSS Writing Modes Level 4 # text-combine-upright

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`text-combine-upright`	48 9 Это свойство первоначально называлось `-webkit-text-combine` в соответствии с версией спецификации CSS3 Writing Modes 2011 года, поддерживая значения `none` и `horizontal` без `digits`.	7912–79	48 Перед версией 81 Firefox реализовывал свойство как анимируемое. Это было исправлено в соответствии со спецификацией в 81 версии.	35 15 Это свойство первоначально называлось `-webkit-text-combine` в соответствии с версией спецификации CSS3 Writing Modes 2011 года, поддерживая значения `none` и `horizontal` без `digits`.	15.4 5.1 Это свойство первоначально называлось `-webkit-text-combine` в соответствии с версией спецификации CSS3 Writing Modes 2011 года, поддерживая значения `none` и `horizontal` без `digits`.	48 18 Это свойство первоначально называлось `-webkit-text-combine` в соответствии с версией спецификации CSS3 Writing Modes 2011 года, поддерживая значения `none` и `horizontal` без `digits`.	48 Перед версией 81 Firefox реализовывал свойство как анимируемое. Это было исправлено в соответствии со спецификацией в 81 версии.	35 14 Это свойство первоначально называлось `-webkit-text-combine` в соответствии с версией спецификации CSS3 Writing Modes 2011 года, поддерживая значения `none` и `horizontal` без `digits`.	15.4 5 Это свойство первоначально называлось `-webkit-text-combine` в соответствии с версией спецификации CSS3 Writing Modes 2011 года, поддерживая значения `none` и `horizontal` без `digits`.	5.0 1.0 Это свойство первоначально называлось `-webkit-text-combine` в соответствии с версией спецификации CSS3 Writing Modes 2011 года, поддерживая значения `none` и `horizontal` без `digits`.	48 4.4 Это свойство первоначально называлось `-webkit-text-combine` в соответствии с версией спецификации CSS3 Writing Modes 2011 года, поддерживая значения `none` и `horizontal` без `digits`.

См. также

writing-mode, text-orientation

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/text-combine-upright