Свойство FONT-WEIGHT

Браузер Internet Explorer Firefox Mozilla Opera Netscape Safari
Версия 5.5 6.0 7.0 1.0 2.0 1.7 7.0 8.0 9.0 6.0 7.0 8.0 1.0
Поддержка Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается

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

CSS CSS1
Значение по умолчанию normal
Наследование Да
Применяется Ко всем элементам
Аналог HTML <B>
Ссылка на спецификацию http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight

Описание

Задает насыщенность шрифта. Значение может быть от 100 до 900 с шагом 100. Сверхсветлое начертание, которое может отобразить браузер, имеет значение 100, а сверхжирное - 900. Нормальное начертание шрифта (которое установлено по умолчанию) эквивалентно 400, стандартный полужирный текст - значению 700. Другие аргументы (bolder и lighter) позволяют менять жирность текста относительно насыщенности родительского элемента.

Синтаксис

Аргументы

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

Пример

Валидный HTML
Валидный CSS
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример использования font-weight</title>
<style type="text/css">
h1 {
font-weight: normal; /* Нормальное начертание */
}

.select {
color: red; /* Цвет текста (красный) */
font-weight: 600; /* Жирное начертание */
}
</style>
</head>
<body>

<h1>Лев Николаевич Толстой. &quot;Анна Каренина&quot;
<p><span class="select">Все счастливые семьи похожи друг на друга, каждая несчастливая семья несчастлива по-своему.</p>

</body>
</html>

Комментарий