Устанавливает узкое, нормальное или широкое начертание шрифта, что позволяет уплотнять или расширять текст.
CSS синтаксис
font-stretch: ultra-condensed | extra-condensed | condensed | semi-condensed | normal | semi-expanded | expanded | extra-expanded | ultra-expanded | initial | inherit;
Возможные значения
| Значение | Описание |
|---|---|
| ultra-condensed | Уменьшает ширину текста на максимально возможное значение. |
| extra-condensed | Текст уже, чем condensed, но шире ultra-condensed. |
| condensed | Текст уже, чем semi-condensed, но шире extra-condensed. |
| semi-condensed | Ширина текста меньше, чем стандартная, но больше значения condensed. |
| normal | Значение по умолчанию. Ширина шрифта не меняется |
| semi-expanded | Текст шире стандартного, но уже значения expanded. |
| expanded | Текст шире, чем semi-expanded, но уже extra-expanded. |
| extra-expanded | Текст шире, чем expanded, но уже ultra-expanded. |
| ultra-expanded | Увеличивает ширину текста на максимально возможное значение. |
| inherit | Значение наследуется от родительского элемента. |
| initial | Устанавливает значение по умолчанию. |
Пример использования
Сделаем текст во всех элементах <div> шире
div {
font-stretch: expanded;
}
