Свойство font-stretch | CSS-справочник

Описание

Устанавливает узкое, нормальное или широкое начертание шрифта, что позволяет уплотнять или расширять текст.

Синтаксис

font-stretch:  ultra-condensed | extra-condensed | condensed | semi-condensed | normal | semi-expanded | expanded | extra-expanded | ultra-expanded;

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<p>
<span style='font-stretch: ultra-condensed'>W</span>
<span style='font-stretch: extra-condensed'>W</span>
<span style='font-stretch: condensed'>W</span>
<span style='font-stretch: semi-condensed'>W</span>
<span style='font-stretch: normal'>W</span>
<span style='font-stretch: semi-expanded'>W</span>
<span style='font-stretch: expanded'>W</span>
<span style='font-stretch: extra-expanded'>W</span>
<span style='font-stretch: ultra-expanded'>W</span>
</p>
</body>
</html>

Читайте также

Стиль для элемента, получающего фокус

Псевдокласс :focus определяет стиль для элемента, получающего фокус. Например, им может быть текстовое поле формы, в которое устанавливается курсор....

Свойство font-variant

Определяет, как нужно представлять строчные буквы — оставить их без модификаций или делать их все прописными уменьшенного размера. Такой способ измене...

Свойство word-spacing

Устанавливает интервал между словами. Если для текста задано выравнивание через text-align со значением justify (выравнивание по ширине), то интервал ...

Свойство filter

Применяет художественные эффекты к элементам. Обычно используется для изображений....