Свойство font
Описание
Универсальное свойство, которое позволяет одновременно задать несколько характеристик шрифта и текста.
Синтаксис
font: [font-style || font-variant || font-weight || font-stretch] font-size [/line-height] font-family;Дополнительно
Допускается в качестве значения использовать ключевые слова, определяющие шрифт различных элементов операционной системы пользователя.
| Значение | Описание |
| caption | Шрифт для текста элементов форм вроде кнопок. |
| icon | Шрифт для текста под иконками. |
| menu | Шрифт применяемый в меню. |
| message-box | Шрифт для диалоговых окон. |
| small-caption | Шрифт для подписей к небольшим элементам управления. |
| status-bar | Шрифт для строки состояния окон. |
Пример
<!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>
<style>
.lay {
font: italic small-caps bold 25px/2 cursive;
}
.lay h1 {
font: small-caps bold 30px/1 sans-serif;
}
</style>
<div class='lay'>
<h1>Далеко-далеко</h1>
<p>
Далеко-далеко за словесными горами в стране гласных и согласных живут рыбные тексты.
</p>
</div>
</body>
</html>Читайте также
Свойство border-left
Позволяет одновременно установить толщину, стиль и цвет левой границы элемента.
Значения могут идти в любом порядке, разделяясь пробелом....
Свойство quotes
Устанавливает тип кавычек, который применяется в тексте документа. В каждом языке существуют свои традиции для обозначения кавычек, свойство quotes по...
Свойство widows
Свойство widows задаёт минимальное число строк текста, которое располагается на следующей странице при печати документа. Это свойство работает в том с...
Свойство place-content
Сокращённое свойство place-content одновременно устанавливает значения свойств align-content и justify-content....