CSS Свойство font
Полный CSS Справочник
Пример
Указать все свойства шрифта в одном объявлении:
p.ex1
{
font:15px arial,sans-serif;
}
p.ex2
{
font:italic bold 12px/30px Georgia, serif;
} |
Попробуйте сами »
Еще примеры внизу этой страницы.
|
Определение и ИспользованиеСтенографическое свойство font устанавливает все свойства шрифта в одном объявлении.
Свойства, которые могут быть установлены (по порядку): "font-style font-variant font-weight font-size/line-height
font-family"
Значения font-size и font-family обязательны. Если некоторые из других значений отсутствуют,
будут вставлены значения по умолчанию, если таковые имеются.
Замечание: Свойство line-height устанавливает расстояние между строками.
Значение по умолчанию: |
не указано |
Наследуется: |
да |
Версия: |
CSS1 |
JavaScript синтаксис: |
объект.style.font="italic small-caps bold 12px arial,sans-serif" |
Поддержка Браузерами
Свойство font поддерживается всеми основными браузерами.
Замечание: Значение "inherit" не поддерживается в IE7 и более ранних версиях. IE8
требует объявления !DOCTYPE. IE9 поддерживает "inherit".
Значения Свойства
Значение |
Описание |
font-style |
Указывает стиль шрифта. Смотрите возможные значения у свойства
font-style |
font-variant |
Указывает разновидность шрифта. Смотрите возможные значения у свойства
font-variant |
font-weight |
Указывает жирность шрифта. Смотрите возможные значения у свойства
font-weight |
font-size/line-height |
Указывает размер шрифта и высоту строки. Смотрите возможные значения у свойств
font-size и
line-height |
font-family |
Указывает семейство шрифта. Смотрите возможные значения у свойства
font-family |
caption |
Использует шрифт, который применяется элементами управления с заголовками (например,
кнопками, раскрывающимися списками и т.п.) |
icon |
Использует шрифт, который применяется подписями ярлыков |
menu |
Использует шрифт, который применяется раскрывающимися меню |
message-box |
Использует шрифт, который применяется диалоговыми окнами |
small-caption |
Уменьшенная версия шрифта caption |
status-bar |
Использует шрифт, который применяется панелями состояния |
inherit |
Указывает, что значение свойства font должно наследоваться от родительского элемента |
|
Попробуйте сами - Примеры |
Некоторые значения свойства font
Этот пример демонстрирует различные значения свойства font .
Смотрите ТакжеCSS уроки: CSS Шрифт
Полный CSS Справочник
|