CSS font-weight, примеры. Как сделать текст жирным в HTML

Свойство CSS font-weight отвечает за толщину шрифта (насыщенность). С помощью этого свойства можно сделать текст "жирным".

Синтаксис CSS font-weight

font-weight: bold|bolder|lighter|normal|100..900 ;

Толщину можно задавать как в цифрах, так и стандартными ключевыми словами:

bold - жирное значение шрифта (аналог 700)
normal (по умолчанию) - нормальное значение шрифта (400)
bolder/lighter - шрифт должен быть больше/меньше, чем у родителя
inherit - принять значение предка (родителя)

Как изменить толщину шрифта в html

Пример с font-weight

В первом примере перенос слов будет включен, а во втором выключен.

<html>
<head>
<style>
	.primer1{ 
	font-weight: normal;
	font-size: 14px;
	}
	.primer2{ 
	font-weight: bold;
	font-size: 14px;
	}
</style>
</head>
<body>
	<div class="primer1">Пример №1. Значение font-weight:normal;</div> 
	<div class="primer2">Пример №2. Значение font-weight:bold;</div>
</body>
</html>

Вот как это выглядит на странице:

Пример №1. Значение font-weight:normal;

Пример №2. Значение font-weight:bold;

Для обращения к font-weight из JavaScript нужно писать следующую конструкцию:

[window.]document.getElementById("elementID").style.fontWeight="VALUE"

← Перейти в каталог CSS уроков