пример
Укажите все свойства шрифта в одном объявлении:
p.ex1
{
font: 15px arial, sans-serif;
}
p.ex2
{
font: italic bold 12px/30px Georgia, serif;
}
Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
Шрифт сокращённое свойство устанавливает все свойства шрифта в одной декларации.
Свойства , которые можно установить, являются (in order) : "font-style font-variant font-weight font-size/line-height font-family"
Значения размера шрифта и семейство шрифтов требуется. Если один из других значений отсутствуют, то значения по умолчанию будут вставлены, если таковые имеются.
Note: Свойство высота линии задает расстояние между строками.
| Значение по умолчанию: | The default value of all the font properties |
|---|---|
| Наследование: | yes |
| Animatable: | yes, see individual properties . Read about animatable Try it |
| Версия: | CSS1 |
| Синтаксис JavaScript: | object .style.font="italic small-caps bold 12px arial,sans-serif" Try it |
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
| Имущество | |||||
|---|---|---|---|---|---|
| font | 1,0 | 4.0 | 1,0 | 1,0 | 3.5 |
Примечание: См индивидуальную поддержку браузера для каждого значения ниже.
CSS Синтаксис
font:font-stylefont-variantfont-weightfont-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 | Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный |
| 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 ссылка: font property