css властивість text-combine-upright

Властивіость text-combine-upright вказує комбінацію декількох символів на простір одного символу. Якщо об'єднаний текст ширший ніж 1em, вміст має розміщуватися в межах 1em. Це властивість має лише ефект у вертикальних режимах запису.

Це використовується для створення ефекту, відомого як tate-chu-yoko (縦 中 横) на японській мові, або як 直 書 橫向 на китайській мові.

правити

Нотатка

Значення digits <integer> не підтримується більшістю з браузерів.

автор: Svitlana правити

+ додати пораду чи нотатку

Синтаксис

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

Властивість text-combine-upright може отримувати 3 значень:

none

Форматування не відбувається. Значення без задання.

автор: Svitlana

правити

all

Всі послідовні символи в контейнері розміщуються горизонтально, щоб зайняти простір одного символу в межах вертикальної лінії контейнеру.

автор: Svitlana

правити

digits <integer>

Браузер спробує розмістити горизонтально кожну максимальну послідовність послідовних цифр ASCII (U + 0030â € U + 0039), яка має стільки або менше символів, ніж зазначене ціле число, яке займає пробіл одного символу у вікні вертикальної лінії. Значення у діапазоні 2-4.

автор: Svitlana

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
text-combine-upright	48.0	48.0	34.0	11.0

Мобільних переглядачів ще не додано.

Приклади

+ запропонувати свій приклад у пісочниці

<p class="v">令和<span class="year">2026</span>年の縦書き</p>

.v {
    writing-mode: vertical-rl;
    height: 180px;
    font-size: 22px;
}

.year {
    text-combine-upright: all;
}