CSS-свойство font устанавливает стиль, вариант, жирность, размер / высоту строки и семейство шрифтов для текстового содержимого элемента. Это короткое свойство для установки отдельных свойств шрифта font-style, font-variant, font-weight, font-size, line-height и font-family.

Значение по умолчанию: Индивидуальные CSS-свойства
Применяется к: Все элементы
Наследование: Да
Анимирование: Да, так как некоторые свойства являются анимируемыми. Анимируемые свойства
Версия: CSS 1, 2, 3

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

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-size и font-family.
  • Значения свойств font-style, font-variant и font-weight должны быть определены до значения размера шрифта, если оно есть.
  • Значение свойства line-height должно быть определено сразу после свойства font-size, перед которым стоит знак «/» (косая черта, слеш).
  • font-family должно быть последним определенным значением.

Примеры написания кода свойства font:

h1 {
    font: bold 2.5em "Times New Roman", Times, serif;
}
p {
    font: normal 1.2em Arial, Helvetica, sans-serif;
}

Значения свойств

В следующей таблице описаны значения этого свойства.

Значение Описание
font-style Устанавливает стиль начертания шрифта.
font-variant Устанавливает вариацию начертания шрифта.
font-weight Устанавливает жирность начертания шрифта.
font-size Устанавливает размер начертания шрифта.
line-height Устанавливает межстрочный интервал начертания шрифта.
font-family Устанавливает семейство шрифтов.
initial Устанавливает это свойство в значение по умолчанию.
inherit Если указан, связанный элемент принимает вычисленное значение своего родительского элемента font.
Следующие значения относятся к системным шрифтам:
caption Шрифт, используемый для элементов управления с субтитрами (например, кнопок, раскрывающихся списков и т. д.).
icon Шрифт, используемый для обозначения иконок.
menu Шрифт, используемый в меню (например, раскрывающиеся меню и списки меню).
message-box Шрифт, используемый в диалоговых окнах и сообщениях.
small-caption Шрифт, используемый для маркировки небольших элементов управления.
status-bar Шрифт, используемый в строке состояния окна.

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

Свойство font поддерживается во всех основных браузерах.

Читайте также

Похожие посты

CSS-свойство clip

Определяет координаты области, которая будет кадрирована, т.е. содержимое за пределом этой области будет отрезано

CSS-свойство bottom

Задает смещение или отступ от нижнего края элемента

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.