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

Значение по умолчанию: normal
Применяется к: Все элементы. Это также относится к ::first-letter и ::first-line
Наследование: Да
Анимирование: Да. Анимируемые свойства
Версия: Новый в CSS3

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

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

Примеры написания кода свойства font-stretch:

p {
    font-family: Arial, Helvetica, sans-serif;
    font-stretch: condensed;
}

Значения свойств

В следующей таблице описаны значения этого свойства.

Значение Описание
normal Определяет нормальное начертание шрифта. Это значение установлено по умолчанию.
ultra-condensed Определяет наиболее сжатое начертание шрифта.
extra-condensed Определяет менее сжатое начертание шрифта.
condensed Определяет сжатое начертание шрифта.
semi-condensed Определяет немного сжатое начертание шрифта.
semi-expended Определяет немного расширенное начертание шрифта.
expended Определяет расширенное начертание шрифта.
extra-expended Определяет менеее расширенное начертание шрифта.
ultra-expended Определяет наиболее расширенное начертание шрифта.
initial Устанавливает это свойство в значение по умолчанию.
inherit Если указан, связанный элемент принимает вычисленное значение своего родительского элемента font-stretch.

Поддержка браузеров

Свойство font-stretch НЕ поддерживается в большинстве браузеров.

Свойство font-stretch в настоящее время не поддерживается браузерами Chrome, Safari и Opera. Вам лучше не использовать это свойство.

Читайте также

Похожие посты

CSS-свойство clip

Определяет координаты области, которая будет кадрирована, т.е. содержимое за пределом этой области будет отрезано

CSS-свойство bottom

Задает смещение или отступ от нижнего края элемента

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.