Атрибут CSS font-weight

  • страница предшествующая font-variant-caps
  • Следующая страница gap

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

свойство font-weight устанавливает толщину текста.

объяснение

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

еще см.:

учебник CSS:Шрифты CSS

руководство CSS:Атрибут CSS font

руководство 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;

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

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

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

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

пример TIY

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

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

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

Chrome IE / Edge Firefox Safari Opera
2.0 4.0 1.0 1.3 3.5
  • страница предшествующая font-variant-caps
  • Следующая страница gap