font-stretch
Пример
Сделайте текст в элементах <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 |