font-weight
Пример
Установить разный вес шрифта для трех абзацев:
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 свойство