Пример
Сделайте текст в элементах <div> шире:
div
{
font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
font-stretch: expanded;
}
Определение font-stretch
CSS свойство font-stretch позволяет сделать текст более узким (сжатым) или более широким (развернутым).
Примечание: CSS свойство font-stretch не будет работать только на любом шрифте! Он будет работать только в том случае, если семейство шрифтов имеет грани с вариантами ширины. Свойство font-stretch само не растягивает шрифт.
Примечание: Это не имеет никакого эффекта. Если выбранный шрифт не содержит сжатых или расширенных граней!
| Значение по умолчанию: | normal |
|---|---|
| Унаследовано: | yes |
| Анимируемый: | yes. Читайте о animatable |
| Версия: | CSS3 |
| JavaScript синтаксис: | object.style.fontStretch="expanded" |
Поддержка font-stretch
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| font-stretch | 48.0 | 9.0 | 9.0 | 11.0 | 35.0 |
Синтаксис font-stretch
font-stretch: ultra-condensed|extra-condensed|condensed|semi-condensed|normal|semi-expanded|expanded|extra-expanded|ultra-expanded|initial|inherit;
Значения font-stretch
| Значение | Описание |
|---|---|
| ultra-condensed | Делает текст настолько узкой, что он получается |
| extra-condensed | Делает текст более узким, чем сжатый, но не таким узким, как ультра-сжатый |
| condensed | Делает текст меньше, чем полу-уплотненный, но не так узок, как экстра-сжатый |
| semi-condensed | Делает текст более узким, чем обычно, но не таким узким, как сжатый |
| normal | Значение по умолчанию. Нет растягивания шрифта |
| semi-expanded | Делает текст шире, чем обычно, но не так широко, как расширенный |
| expanded | Делает текст шире, чем полурасширенный, но не так широко, как экстра-расширенный |
| extra-expanded | Делает текст шире, чем расширенный, но не так широко, как ультра-расширенный |
| ultra-expanded | Делает текст как большой, как он получается |
| initial | Устанавливает для этого свойства значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о inherit |