Характеристики свойства
В каких браузерах работает?
9.0+ | - | - | - | 9.0+ | - | - |
В каких версиях CSS используется?
CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
- | + | - | + |
Для чего используется?
Контролирует ширину букв в тексте. Существует три основных возможных значения для ширины, однако существует несколько префиксов, которые незначительно изменяют ширину символов.
Как правильно задавать?
font-stretch: inherit;
Какие могут быть значения?
В качестве значений указываются команды: inherit, ultra-condensed, extra-condensed, condensed, semi-condensed, normal, semi-expanded, expanded, extra-expanded, ultra-expanded.
Пример использования
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Свойство font-stretch</title> <style> p { font-size: 16px; font-family: Arial; font-stretch: ultra-condensed; color:#444; } h2 { font: 25px Times New Roman; color:#9b9b9b; } </style> </head> <body> <h2>Заголовок</h2> <p>Основной текст статьи, написанный другим шрифтом. Размер символов тоже другой, слегка меньше чем заголовок.</p> </body> </html>
По итогу получаем
Тип CSS свойства:
Шрифт