Інформація про font-weight
Властивість CSS font-weight встановлює насиченість шрифту від 100 до 900. Значення 100 відповідає сверхсвітлому начертанню, а 900 – сверхжирному. Нормальне почеркування шрифту (за замовчуванням) дорівнює 400, а стандартний напівжирний текст – 700.
Синтаксис
font-weight: bold|bolder|lighter|normal|100|200|300|400|500|600|700|800|900
Значення
Для встановлення насиченості шрифту використовуються ключові слова: bold – полужирне начертання, normal – нормальне начертання. Також можна використовувати умовні одиниці від 100 до 900. Значення bolder та lighter змінюють товщину відносно насиченості батька, в більшу або меншу сторону.
Приклад
HTML5CSS2.1IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>font-weight</title>
<style>
h1 {
font-weight: normal; /* Нормальне начертання */
}
.select {
color: maroon; /* Колір тексту */
font-weight: 600; /* Жирне начертання */
}
</style>
</head>
<body>
<h1>Duis te feugifacilisi</h1>
<p><span class="select">Lorem ipsum dolor sit amet</span>,
consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet
dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud
exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
consequat.</p>
</body>
</html>Результат цього прикладу показано на малюнку 1.
Об'єктна модель
[window.]document.getElementById("elementID").style.fontWeight
Браузери
Браузери зазвичай не можуть адекватно відображати визначену насиченість шрифту, тому перемикаються між значеннями bold, normal та lighter. На практиці начертання в браузерах зазвичай обмежено лише двома варіантами: нормальне та жирне.