font
Установить некоторые свойства шрифта с помощью сокращенного объявления:
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 свойство