Свойство стиля font
- Предыдущая страница flexWrap
- Следующая страница fontFamily
- Вернуться на уровень выше Объект Style HTML DOM
Определение и использование
font Характеристика устанавливается или возвращается в сокращенной форме для до шести отдельных свойств шрифта.
С помощью этой характеристики вы можете установить или вернуть следующие данные (в указанном порядке):
font-size и font-family Обязателен. Если отсутствует один из других значений, то будет вставлен значением по умолчанию (если оно есть).
Эти свойства также можно установить с помощью отдельных стилевых свойств. Категорически рекомендуется использовать отдельные свойства неопытным авторам для достижения лучшей управляемости.
См. также:
CSS УрокиШрифты CSS
CSS РуководствоАтрибут font
Пример
Пример 1
Установить шрифт элемента <p>:
document.getElementById("myP").style.font = "italic bold 20px arial,serif";
Пример 2
Возврат шрифта элемента <p>:
alert(document.getElementById("myP").style.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;"
Значение свойства
| Значение | Описание |
|---|---|
| style | Установить стиль шрифта. |
| variant | Установить текст в малом шрифте с заглавными буквами. |
| weight | Установить толщину шрифта. |
| size | Установить размер шрифта. |
| lineHeight | Установить间距 строк. |
| family | Установить шрифт. |
| caption | Шрифт, используемый для заголовочных контролей (например, кнопок, выпадающих меню и т.д.). |
| icon | Шрифт, используемый для маркировки иконок. |
| menu | Шрифт, используемый в меню. |
| message-box | Шрифт, используемый в диалоговых окнах. |
| small-caption | Шрифт, используемый в малых контролах. |
| status-bar | Шрифт, используемый в строке состояния окна. |
| initial | Установить это свойство в его значение по умолчанию. См. initial. |
| inherit | Преемственность этого свойства от родительского элемента. См. inherit. |
Технические детали
| Значение по умолчанию: | Не определено |
|---|---|
| Возврат значения: | Строка, представляющая различные свойства шрифта элемента. |
| Версия CSS: | CSS1 |
Поддержка браузеров
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| Поддержка | Поддержка | Поддержка | Поддержка | Поддержка |
- Предыдущая страница flexWrap
- Следующая страница fontFamily
- Вернуться на уровень выше Объект Style HTML DOM
