Свойство font-weight в CSS

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

атрибут fontWeight устанавливает толщину текста.

объяснение

Этот атрибут используется для настройки толщины шрифта текста, отображаемого элементом. Числовое значение 400 эквивалентно ключевому слову normal, 700 эквивалентно bold. Каждое числовое значение толщины шрифта должно быть не менее тонким, чем следующее минимальное значение, и не менее толстым, чем следующее максимальное значение.

см. также:

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

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

Руководство по HTML DOM:атрибут fontWeight

пример

настройка толщины шрифта для трех абзацев:

p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}

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

CSS синтаксис

font-weight: normal|bold|bolder|lighter|число|initial|inherit;

значение атрибута

значение описание
normal по умолчанию. Определяет стандартные символы.
bold определяет жирный символ.
bolder определяет еще толще символы.
lighter определяет еще тоньше символы.
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
 определяет символы от толстых до тонких. 400 эквивалентно normal, а 700 эквивалентно bold.
inherit определяет, что толщина шрифта должна быть наследована от родительского элемента.

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

по умолчанию: normal
наследование: да
Версия: CSS1
JavaScript синтаксис: объект.style.fontWeight="900"

TIY пример

Настройка толщины шрифта
Этот пример демонстрирует, как установить толщину шрифта.

поддержка браузерами

числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
2.0 4.0 1.0 1.3 3.5