font-weight
CSS свойство font-weight
Поддержка браузеров
Описание
Свойство 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 | Указывает, что значение наследуется от родительского элемента. |
div { font-weight:800; }