Свойство fontWeight стиля

Определение и использование

fontWeight Установить или вернуть текстовую толщину символов.

Дополнительная информация:

Урок CSS:Шрифты CSS

Руководство по CSS:Свойство font-weight

Руководство по HTML DOM:Свойство font

Пример

Пример 1

Установить толщину шрифта элемента <p> в "900":

document.getElementById("myP").style.fontWeight = "900";

Попробуйте сами

Пример 2

Демонстрация возможных значений:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontWeight = listValue;

Попробуйте сами

Пример 3

Возвратить толщину шрифта элемента <p>：

alert(document.getElementById("myP").style.fontWeight);

Попробуйте сами

Грамматика

Возвратить fontWeight свойство：

объект.style.fontWeight

Установить fontWeight свойство：

объект.style.fontWeight = "normal|lighter|bold|bolder|value|initial|inherit"

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

Значение Описание
normal Шрифт нормальный. По умолчанию.
lighter Шрифт становится тоньше.
bold Шрифт жирный.
bolder Шрифт становится толще.
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900

Определяет толщину символов от тонкого до толстого.

400 такой же, как normal, 700 такой же, как bold.
initial Set this property to its default value. See initial。
inherit Инherit this property from its parent element. See inherit。

Технические детали

Значение по умолчанию： normal
Возвратное значение： Строка значений, представляющая толщину шрифта.
Версия CSS： CSS1

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка