Пример
Установить некоторые свойства шрифта с помощью сокращенного объявления:
p.a
{
font: 15px Arial, sans-serif;
}
p.b
{
font: italic small-caps bold 12px/30px Georgia, serif;
}
Попробуйте сами »
Определение font
CSS свойство font - это сокращенное свойство для:
Требуются значения font-size и font-family. Если одно из других значений отсутствует, используются их значения по умолчанию.
Примечание: Свойство line-height задает расстояние между строками.
| Значение по умолчанию: | Значение свойств font по умолчанию |
|---|---|
| Унаследовано: | yes |
| Анимируемый: | yes, просмотр отдельных свойств. Читайте о animatable Попробуй |
| Версия: | CSS1 |
| JavaScript синтаксис: | object.style.font="italic small-caps bold 12px arial,sans-serif" Попробуй |
Поддержка font
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| font | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Примечание: Смотрите раздел "Поддержка отдельных браузеров" для каждого значения ниже.
Синтаксис font
font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;
Значения font
| Свойство/Значение | Описание | Демонстрация |
|---|---|---|
| font-style | Определяет стиль шрифта. Значение по умолчанию - "normal" | Демо ❯ |
| font-variant | Определяет вариант шрифта. Значение по умолчанию - "normal" | Демо ❯ |
| font-weight | Определяет вес шрифта. Значение по умолчанию - "normal" | Демо ❯ |
| font-size/line-height | Определяет размер шрифта и высота строки. Значение по умолчанию - "normal" | Демо ❯ |
| font-family | Определяет семейство шрифтов. Значение по умолчанию зависит от браузера | Демо ❯ |
| caption | Использует шрифт, который используется элементами управления с подписями (например, кнопками, выпадающими списками и т.д.) | |
| icon | Использует шрифт, который используется в надписях значков | |
| menu | Использует шрифты, используемые выпадающими меню | |
| message-box | Использует шрифты, используемые диалоговыми окнами | |
| small-caption | Уменьшенная версия шрифта подписи | |
| status-bar | Использует шрифты, которые используются в строке состояния | |
| initial | Устанавливает для этого свойства значение по умолчанию. Читайте о initial | |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о inherit |
Примеры font
Пример
Демонстрация некоторых других значений свойств шрифта.
<p style="font:caption">Шрифт браузера, используемый в элементах управления с подписями.</p>
<p style="font:icon">Шрифт браузера, используемый в надписях значков.</p>
<p style="font:menu">Шрифт браузера, используемый в выпадающих меню.</p>
<p style="font:message-box">Шрифт браузера, используемый в диалоговых окнах.</p>
<p style="font:small-caption">Уменьшенная версия шрифта подписи.</p>
<p style="font:status-bar">Шрифт браузера, используемый в строке состояния.</p>
Попробуйте сами »
Страницы по теме font
CSS Учебник: CSS Шрифт
HTML DOM справочник: font свойство