Жирність тексту в CSS

Навчіться керувати жирністю тексту за допомогою властивості font-weight.

Жирність тексту в CSS

Для зміни жирності тексту в CSS використовується властивість font-weight.

Щоб зробити текст жирним, використовується значення bold. Щоб прибрати жирність — значення normal.

Властивість font-weight працює схоже на HTML-тег b, але через CSS керувати стилями набагато зручніше. Наприклад, можна одним правилом зробити всі абзаци жирними або всі заголовки звичайними.

<h2>Title</h2>

<p>
  This is a paragraph with text.
</p>

h2 {
  font-weight: normal;
}

p {
  font-weight: bold;
}

Значення	Результат
bold	Робить текст жирним
normal	Прибирає жирність тексту

font-weight: bold робить текст товстішим.
font-weight: normal повертає стандартну товщину.
CSS дозволяє змінювати стиль багатьох елементів одразу.

❗ Важливо:

Використання CSS для жирності тексту краще, ніж додавання великої кількості тегів b у HTML.

📌 Завдання:

Скопіюйте HTML-код таблиці на свою сторінку.
Встановіть таблиці ширину 500px.
Встановіть таблиці висоту 300px.
Зробіть комірки td жирними.
Вирівняйте текст у td по центру.
Зробіть комірки th нежирними.

💡 Показати підказку

Для товщини тексту використовуйте font-weight. Для вирівнювання тексту використовуйте text-align.

✅ Показати відповідь

table {
  width: 500px;
  height: 300px;
}

td {
  font-weight: bold;
  text-align: center;
}

th {
  font-weight: normal;
}