Свойство шрифта стиля
Пример
Установите шрифт для элемента:
document.getElementById("demo").style.font = "italic bold 20px arial,serif";
Определение и использование
Свойство font задает или возвращает до шести отдельных свойств шрифта в сокращенной форме.
С помощью этого свойства вы можете установить/возвратить следующее (в указанном порядке):
- стиль шрифта
- вариант шрифта
- вес шрифта
- размер шрифта
- высота линии
- семейство шрифтов
Требуется размер шрифта и семейство шрифтов. Если одно из других значений отсутствует, будут вставлены значения по умолчанию, если таковые имеются.
Вышеупомянутые свойства также могут быть установлены с помощью отдельных свойств стиля. Неопытным авторам настоятельно рекомендуется использовать отдельные свойства для лучшей управляемости.
Поддержка браузера
| Property | |||||
|---|---|---|---|---|---|
| font | Yes | Yes | Yes | Yes | Yes |
Синтаксис
Вернуть свойство шрифта:
object.style.font
Установите свойство шрифта:
object.style.font = "font-style font-variant font-weight font-size/line-height|caption|icon|menu|
message-box|small-caption|status-bar|initial|inherit;"
Значения свойств
| Value | Description |
|---|---|
| style | Sets the font-style |
| variant | Sets the text in a small-caps font |
| weight | Sets the boldness of the font |
| size | Sets the size of the font |
| lineHeight | Sets the distance between lines |
| family | Sets the font face |
| caption | The font used for captioned controls (like buttons, drop-downs, etc.) |
| icon | The font used to label icons |
| menu | The font used in menus |
| message-box | The font used in dialog boxes |
| small-caption | The font used in small controls |
| status-bar | The font used in window status bars |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about inherit |
Технические детали
| Значение по умолчанию: | не определен |
|---|---|
| Возвращаемое значение: | Строка, представляющая различные свойства шрифта элемента. |
| CSS-версия | CSS1 |
Дополнительные примеры
Пример
Вернуть шрифт элемента:
alert(document.getElementById("demo").style.font);
Связанные страницы
Учебное пособие по CSS: шрифт CSS
Справочник по CSS: свойство шрифта
❮ Объект стиля