СSS Свойство font
Пример
Установить некоторые свойства шрифта с помощью стенографического объявления:
p.a
{
font: 15px arial, sans-serif;
}
p.b
{
font: italic bold 12px/30px Georgia, serif;
}
Попробуйте сами »
Определение и использование
Свойство font - это сокращенное свойство для:
- font-style
- font-variant
- font-weight
- font-size/line-height
- font-family
Требуются значения размера шрифта и семейства шрифтов. Если одно из других значений отсутствует, используются их значения по умолчанию.
Пимечание: Свойство line-height задает расстояние между линиями.
| Значение по умолчанию: | Значение по умолчанию для свойств шрифта |
|---|---|
| Унаследованный: | да |
| Анимируемый: | да, см. раздел отдельные свойства. Прочитать о animatable Попробовать |
| Версия: | CSS1 |
| JavaScript синтаксис: | object.style.font="italic small-caps bold 12px arial,sans-serif" Попробовать |
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| font | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Пимечание: См. раздел индивидуальная поддержка браузера для каждого значения ниже.
CSS Синтаксис
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-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 |
Примеры
Пример
Демонстрация некоторых других значений свойств шрифта
<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>
Попробуйте сами »
Связанные страницы
CSS Учебник: CSS Шрифт
HTML DOM Справочник: Свойство font
