CSS 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
Требуются значения размера шрифта и семейства шрифтов. Если одно из других значений отсутствует, используется значение по умолчанию.
Примечание: Свойство "высота линии" задает расстояние между линиями.
| Значение по умолчанию: | Значение по умолчанию для всех свойств шрифта |
|---|---|
| Inherited: | yes |
| Animatable: | yes, see individual properties. Читайте о animatable |
| Version: | 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;
Значения свойств
| Property/Value | Описание |
|---|---|
| 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">The browser font used in captioned controls.</p>
<p style="font:icon">The browser font used in icon labels.</p>
<p style="font:menu">The browser font used in dropdown menus.</p>
<p style="font:message-box">The browser font used in dialog boxes.</p>
<p style="font:small-caption">A smaller version of the caption font.</p>
<p style="font:status-bar">The browser font used in the status bar.</p>
Похожие страницы
CSS Справочник: CSS Шрифта
HTML DOM Справочник: Шрифт Свойство