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