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

CSS свойства

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

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

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

СвойствоChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
font-weight2.01.03.51.34.012.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 font-weight.
Пример использования свойства CSS font-weight ("жирность" шрифта).
CSS свойства