CSS свойство font, поддержка в браузерах, примеры использования // Вебшкола онлайн



up_violet-9568087Перейти к справке CSS

p.ex1 { font:15px arial,sans-serif; } p.ex2 { font:italic bold 12px/30px Georgia, serif;

}

Описание и использование

Свойство CSS font Задает все настройки шрифта в одной записи.

Свойства шрифта задаются в следующем порядке: «font-style font-variant font-weight font-size/line-height font-family» (стиль шрифта вариант отображения шрифта толщина линий размер шрифта/расстояние между строками семейство шрифта)

Обязательны свойства font-size и font-family. Если одно или несколько остальных свойств не будут указаны, будут подставлены значения по умолчанию.

Значение по умолчанию нет
Наследование да
Версия CSS CSS 1
Синтаксис JavaScript object.style.font=»italic small-caps bold 12px arial,sans-serif»

Поддержка в браузерах

chrome-2769806 firefox-9108330 ie-3211520 opera-9501011 safari-2200428
Свойство font поддерживается всеми основными браузерами.

Заметка: ни одна из версий IE (включая IE8) не поддерживает значение inherit.

Возможные значения свойства font

Значение Описание
font-style Стиль шрифта. Смотрите font-style
font-variant Вариант начертания шрифта. Смотрите font-variant
font-weight Ширина линий шрифта. Смотрите font-weight
font-size/line-height Размер шрифта/расстояние между строками. Смотрите font-size и line-height
font-family Семейство шрифта. Смотрите font-family
inherit Значение наследуется от родительского элемента

Связанные страницы

Учебник CSS: Форматирование шрифта текста

up_violet-9568087Перейти к справке CSS