| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 6.0 + | 1.0 + | 3.5 + | 1.0 + | 1.0 + | 1.0 + | 1.0 + |
Коротка інформація
| Значення за умовчанням | normal |
|---|---|
| Успадковується | Так |
| Застосовується | До всіх елементів | Посилання на специфікацію | http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight |
Версії CSS
| CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
|---|---|---|---|
Опис
Встановлює значення шрифту. Значення встановлюється від 100 до 900 з кроком 100. Сверхсветлое накреслення, яке може відобразити браузер, має значення 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 змінюють жирність щодо насиченості батька, відповідно, в більшу і меншу сторону.
Приклад
HTML5 CSS2.1 IE Cr Op Sa Fx
<!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 . На практиці ж накреслення в браузерах зазвичай обмежена всього двома варіантами: нормальне накреслення і жирне накреслення.