Свойство font
Пример style.font
Установите свойство font для элемента:
document.getElementById("demo").style.font = "italic bold 20px arial,serif";
Попробуйте сами »
Описание font
Свойство font устанавливает или возвращает до шести отдельных свойств шрифта в сокращенной форме.
С помощью этого свойства вы можете установить/вернуть следующее (в этом порядке):
- font-style
- font-variant
- font-weight
- font-size
- line-height
- font-family
Размер шрифта и семейство шрифтов обязательны. Если одно из других значений отсутствует, будут вставлены значения по умолчанию, если таковые имеются.
Свойства выше также можно задать с помощью отдельных свойств стиля. Использование отдельных свойств настоятельно рекомендуется для непродвинутых авторов для лучшей управляемости.
Поддержка font
| Свойство | |||||
|---|---|---|---|---|---|
| font | Да | Да | Да | Да | Да |
Синтаксис font
Вернуть свойство font:
object.style.font
Установите свойство 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;"
Значение свойства font
| Значение | Описание |
|---|---|
| style | Устанавливает стиль шрифта |
| variant | Устанавливает текст шрифтом с малыми заглавными буквами. |
| weight | Устанавливает жирность шрифта |
| size | Устанавливает размер шрифта |
| lineHeight | Устанавливает расстояние между строками |
| family | Устанавливает шрифт |
| caption | Шрифт, используемый для элементов управления с заголовками (например, кнопок, раскрывающихся списков и т. д.) |
| icon | Шрифт, используемый для обозначения иконок |
| menu | Шрифт, используемый в меню |
| message-box | Шрифт, используемый в диалоговых окнах |
| small-caption | Шрифт, используемый в мелких элементах управления |
| status-bar | Шрифт, используемый в строках состояния окна |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали font
| Значение по умолчанию: | не указан |
|---|---|
| Возвращаемое значение: | Строка, представляющая различные свойства шрифта элемента |
| CSS Версия | CSS1 |
Ещё примеры font
Вернуть свойство font элемента:
alert(document.getElementById("demo").style.font);
Попробуйте сами »
Связанные страницы font
CSS Учебник: CSS Шрифт
CSS Справочник: Свойство font