CSS font-stretch Свойство
Пример
Сделайте текст во всех элементах <div> шире:
div
{
font-stretch: expanded;
}
Определение и использование
Свойство font-stretch позволяет сделать текст шире или более узким.
| Значение по умолчанию: | normal |
|---|---|
| Inherited: | yes |
| Animatable: | yes. Читайте о animatable |
| Version: | CSS3 |
| Синтаксис JavaScript: | object.style.fontStretch="expanded" |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| font-stretch | Не поддерживается | Не поддерживается | Не поддерживается | Не поддерживается | Не поддерживается |
Синтаксис
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) |