font-weight

font-weight

Встановлює насиченість шрифту. Значення вказується у вигляді чисел від 100 до 900 з кроком 100 або за допомогою ключових слів.

Коротка інформація

Синтаксис

font-weight: bold|bolder|lighter|normal|100|200|300|400|500|600|700|800|900

Значення

Насиченість шрифту задається за допомогою ключових слів: bold - жирне зображення і normal - нормальне зображення. Також допустимо використовувати умовні одиниці від 100 до 900. Значення bolder та lighter змінюють жирність щодо насиченості батьків, відповідно, у більшу та меншу сторону.

Числові значення впливають на насиченість шрифту таким чином.

• 100 — тонке зображення;
• 200 — надсвітле;
• 300 — світле;
• 400 — нормальне (аналогічно до normal);
• 500 — середнє;
• 600 — напівжирне;
• 700 — жирне (аналогічно до bold);
• 800 — наджирне;
• 900 — важке.

Зверніть увагу, що не всі шрифти підтримують цей набір. Якщо вказане значення не підтримується, браузер приведе до шрифту найближчої насиченості. Наприклад, якщо ви вказали 900 і воно не може бути показаним, браузер в дійсності застосує значення 700 як найближче, котре працює коректно.

Приклад

Результат цього прикладу показано на рис. 1.

Об'єктна модель

Об'єкт.style.fontWeight

Браузери