Свойство font-weight позволяет указать, насколько жирным будут выглядеть текст. Как вы знаете, жирный текст выглядит темнее и немного толще, чем обычный. Вы можете использовать полужирный текст для любого элемента, задав свойству значение bold.
Если у вас есть элемент, для которого по умолчанию задан полужирный шрифт, или он наследует такой шрифт от родительского элемента, то можно уменьшить насыщенность шрифта с помощью значения normal.
Для свойства font-weight предусмотрены также два относительных значения: bolder и lighter. Они сделают текст более или менее плотным по сравнению с унаследованным значением. Эти значения используются редко, так как немногие шрифты поддерживают столь слабые различия в плотности.
Вы также можете устанавливать значения свойства с помощью чисел от 100 до 900, но это тоже не очень хорошо поддерживается шрифтами и браузерами и редко применяется.
| Значение по умолчанию: |
normal |
| Наследуется: |
да |
| Версия: |
CSS1 |
| Синтаксис JavaScript: |
object.style.fontWeight="900" |
| Значение |
Описание |
| normal |
Определяет стандартное написание символов. |
| bold |
Задает жирное начертание символов в тексте. |
| bolder |
Тоже самое, что и bold. |
| lighter |
тоже самое, что и normal. |
100
200
300
400
500
600
700
800
900 |
Определяет толщину шрифта по заданному значению, от 0 до 500 - стандартное начертание шрифта, от 600 до 900 - жирное начертание. |
| inherit |
Указывает, что значение наследуется от родительского элемента. |
Пример
|