Пример
Установить разный вес шрифта для трех абзацев:
p.normal {
font-weight: normal;
}
p.thick {
font-weight: bold;
}
p.thicker {
font-weight: 900;
}
Попробуйте сами »
Определение font-weight
CSS свойство font-weight задает, насколько толстыми или тонкими должны отображаться символы в тексте.
| Значение по умолчанию: | normal |
|---|---|
| Унаследовано: | yes |
| Анимируемый: | yes. Читайте о animatable Попробуй |
| Версия: | CSS1 |
| JavaScript синтаксис: | object.style.fontWeight="bold" Попробуй |
Поддержка font-weight
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| font-weight | 2.0 | 4.0 | 1.0 | 1.3 | 3.5 |
Синтаксис font-weight
font-weight: normal|bold|bolder|lighter|number|initial|inherit;
Значения font-weight
| Значение | Описание | Демонстрация |
|---|---|---|
| normal | Defines normal characters. Это значение по умолчанию | Демо ❯ |
| bold | Defines thick characters | Демо ❯ |
| bolder | Defines thicker characters | Демо ❯ |
| lighter | Defines lighter characters | Демо ❯ |
| 100 200 300 400 500 600 700 800 900 |
Определяет от тонких до толстых символов. 400 - это то же самое, что обычный шрифт, а 700 - это то же самое, что жирный шрифт | Демо ❯ |
| initial | Устанавливает для этого свойства значение по умолчанию. Читайте о initial | |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о inherit |
Страницы по теме font-weight
CSS Учебник: CSS Шрифт
CSS Справочник: font свойство
HTML DOM справочник: fontWeight свойство