Свойство font-stretch в CSS

определение и использование

Атрибут font-stretch может изменять форму текущего семейства шрифтов.

См. также:

Уроки CSS:Шрифты CSS

Руководство по CSS:Свойство font в CSS

Руководство по HTML DOM:атрибут fontStretch

пример

установить атрибут font-stretch элемента HTML:

h1
  {
  font-stretch:ultra-condensed;
  }

CSS синтаксис

font-stretch: ultra-condensed|extra-condensed|condensed|semi-condensed|normal|semi-expanded|expanded|extra-expanded|ultra-expanded|initial|inherit;

значение атрибута

значение описание
normal по умолчанию. Установить масштабирование по стандарту.
шире установить коэффициент расширения на более высокий уровень расширения
уже установить коэффициент сжатия на более высокий уровень сжатия
  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded

установить масштабирование семейства шрифтов.

"ultra-condensed" - это наиболее широкий показатель, а "ultra-expanded" - наиболее узкий.

технические детали

по умолчанию: normal
наследование: да
версия: CSS2
JavaScript синтаксис: объект.style.fontStretch="ultra-expanded"

поддержка браузерами

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
48.0 9.0 9.0 11.0 35.0