Свойство font-stretch выбирает нормальное, сжатое или расширенное начертание из семейства шрифтов. Абсолютные значения ключевых слов имеют следующий порядок: от самого узкого к самому широкому:
- ultra-condensed
- extra-condensed
- condensed
- semi-condensed
- normal
- semi-expanded
- expanded
- extra-expanded
- ultra-expanded
| Значения | Описание | |
|---|---|---|
| ultra-condensed | Наиболее сжатый шрифт. | |
| extra-condensed | Второй по сжатости шрифт. | |
| condensed | Cжатый шрифт. | |
| semi-condensed | Немного сжатый шрифт. | |
| normal | Значение по умолчанию. | |
| semi-expanded | Слегка расширенный шрифт. | |
| expanded | Расширенный шрифт. | |
| extra-expanded | Второй по расширенности шрифт. | |
| initial | Устанавливает значение свойства в значение по умолчанию. | |
| inherit | Наследует значение свойства от родительского элемента. | |
Синтаксис
p { font-stretch: normal; } /*Значение по умолчанию*/
p { font-stretch: ultra-condensed; } /*Наиболее сжатый шрифт*/
p { font-stretch: extra-condensed; } /*Второй по сжатости шрифт*/
p { font-stretch: condensed; } /*Cжатый шрифт*/
p { font-stretch: semi-condensed; } /*Немного сжатый шрифт*/
p { font-stretch: semi-expanded; } /*Слегка расширенный шрифт*/
p { font-stretch: expanded; } /*Расширенный шрифт*/
p { font-stretch: extra-expanded; } /*Второй по расширенности шрифт*/
p { font-stretch: ultra-expanded; } /*Максимально расширенный шрифт*/
p { font-stretch: inherit; } /*Наследует значение свойства от родительского элемента*/
p { font-stretch: initial; } /*Устанавливает значение свойства в значение по умолчанию*/Когда грань не существует для данной ширины, нормальные или сжатые значения отображаются на более узкую грань, в противном случае - на более широкую грань. И наоборот, расширенные значения отображаются на более широкую грань, в противном случае - на более узкую грань. На рисунке ниже показано, как девять настроек свойства font-stretch влияют на выбор шрифта для семейства шрифтов, содержащего различную ширину, серый цвет указывает на ширину, для которой не существует грани, и заменяется другая ширина:
