font-stretch

Обновлено: 27.05.2022

font-stretch

Устанавливает узкое, нормальное или широкое начертание шрифта, что позволяет уплотнять или расширять текст.

Краткая информация

Значение по умолчанию normal
Наследуется Да
Применяется Ко всем элементам
Анимируется Да

Синтаксис 

font-stretch: ultra-condensed | extra-condensed | condensed | semi-condensed | 
 normal | semi-expanded | expanded | extra-expanded | ultra-expanded

Значения

Влияние разных значений font-stretch на вид букв в тексте показано на рис. 1.

Рис. 1. Вид букв при разных значениях font-stretch

Пример

Объектная модель

Объект.style.fontStretch

Примечание

Браузеры применяют свойство font-stretch не ко всем шрифтам, поэтому уплотнение или расширение текста может не работать с некоторыми популярными и распространёнными гарнитурами шрифтов. Также некоторые значения могут не давать видимого результата.

Браузеры

font-stretch

Посмотреть совместимость на Can I use?

font-stretch