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