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