CSS свойство font-weight

Определение и применение

CSS свойство font-weight устанавливает насколько жирным будет выглядеть текст в элементе.

Поддержка браузерами

Свойство	Chrome	Firefox	Opera	Safari	IExplorer	Edge
font-weight	2.0	1.0	3.5	1.3	4.0	12.0

CSS синтаксис:

font-weight:"normal | bold | bolder | lighter | number | initial | inherit";

JavaScript синтаксис:

object.style.fontWeight = "normal"

Значения свойства

Значение	Описание
normal	Определяет нормальное начертание символов. Это значение по умолчанию.
bold	Определяет жирное начертание символов.
bolder	Увеличивает унаследованное значение font-weight до следующего возможного для данного шрифта значения.
lighter	Уменьшает унаследованное значение font-weight до следующего возможного для данного шрифта значения.
100 200 300 400 500 600 700 800 900	Определяет толщину шрифта в тексте исходя из указанного значения. 400 - соответствует значению normal. 700 - соответствует значению bold.
initial	Устанавливает свойство в значение по умолчанию.
inherit	Указывает, что значение наследуется от родительского элемента.

Версия CSS

CSS1

Наследуется

Да.

Анимируемое

Да.

Пример использования

<!DOCTYPE html>
<html>
<head>
<title>Пример использования свойства font-weight.</title>
<style> 
.test {
font-weight : 100;
}
.test2 {
font-weight : bold;
}
.test3 {
font-weight : 900;
}
</style>
</head>
	<body>
		<p class = "test">font-weight: 100;</p>
		<p>font-weight: normal;</p>
		<p class = "test2">font-weight: bold;</p>
		<p class = "test3">font-weight: 900;</p>
	</body>
</html>

CSS свойства