Свойство font-stretch
Описание
Устанавливает узкое, нормальное или широкое начертание шрифта, что позволяет уплотнять или расширять текст.
Синтаксис
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>Читайте также
Свойство text-emphasis
Сокращённое свойство, позволяющее установить значения свойств text-emphasis-style и text-emphasis-color одновременно....
Селектор по тегу
В качестве селектора может выступать любой элемент HTML, для которого определяются правила форматирования, такие как: цвет, фон, размер и др....
Селекторы атрибутов со значениями через пробел
Некоторые значения атрибутов могут перечисляться через пробел, например имена классов. Чтобы задать стиль при наличии в списке требуемого значения тре...
Функция repeating-linear-gradient()
Создаёт бесконечно повторяющийся линейный градиент, образуя тем самым фоновый узор. По своему действию похожа на функцию linear-gra...