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

Свойство 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"



Читайте также:

• Свойство text-align

• Свойство font

• Свойство transform

• Жирный шрифт html

• Свойство css border

• Свойство css background

• Свойство css transition

• Свойство nth-child

• Свойство overflow

• Свойство text-indent

• Свойство position absolute


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

Читайте также:

Copy Protected by Chetan's WP-Copyprotect.