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