CSS-свойство font-weight устанавливает вес или жирность шрифта.
| Значение по умолчанию: | normal |
| Применяется к: | Все элементы |
| Наследование: | Да |
| Анимирование: | Да. Анимируемые свойства |
| Версия: | CSS 1, 2, 3 |
Синтаксис
Синтаксически свойства задаются по следующему шаблону:
font-weight: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | initial | inherit
Примеры написания кода свойства font-weight:
h1 {
font-weight: normal;
}
p {
font-weight: bold;
}
Значения свойств
В следующей таблице описаны значения этого свойства.
| Значение | Описание |
|---|---|
normal |
Устанавливает нормальную ширину шрифта. |
bold |
Устанавливает жирную ширину шрифта. |
bolder |
Выбирает ширину шрифта, который является более жирным, чем унаследованный от родителя. |
lighter |
Выбирает ширину шрифта, который тоньше веса, унаследованного от родителя. |
100 |
Числовые значения от Ключевое слово |
200 |
|
300 |
|
400 |
|
500 |
|
600 |
|
700 |
|
800 |
|
900 |
|
initial |
Устанавливает это свойство в значение по умолчанию. |
inherit |
Если указан, связанный элемент принимает вычисленное значение своего родительского элемента font-weight. |
Поддержка браузеров
Свойство font-weight поддерживается во всех основных браузерах.

















