СSS Свойство font-stretch
Определение и использование
Свойство font-stretch позволяет сделать текст шире или уже.
Примечание: Свойство font-stretch не будет работать только на любом шрифте! Он будет работать только в том случае, если семейство шрифтов имеет грани с вариантами ширины. Свойство font-stretch само не растягивает шрифт.
| Значение по умолчанию: | normal |
|---|---|
| Унаследованный: | да |
| Анимируемый: | да Прочитайте о animatable |
| Версия: | CSS3 |
| JavaScript синтаксис: | object.style.fontStretch="expanded" |
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| font-stretch | 48.0 | 9.0 | 9.0 | 11.0 | 35.0 |
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 | Делает текст меньше, чем полу-уплотненный, но не так узок, как экстра-сжатый |
| semi-condensed | Делает текст более узким, чем обычно, но не таким узким, как сжатый |
| normal | Значение по умолчанию. Нет растягивания шрифта |
| semi-expanded | Делает текст шире, чем обычно, но не так широко, как расширенный |
| expanded | Делает текст шире, чем полурасширенный, но не так широко, как экстра-расширенный |
| extra-expanded | Делает текст шире, чем расширенный, но не так широко, как ультра-расширенный |
| ultra-expanded | Делает текст как большой, как он получается |
| initial | Устанавливает для этого свойства значение по умолчанию. Прочитайте о initial |
| inherit | Наследует это свойство от родительского элемента. Прочитайте о inherit |
