Уникальное место! Здесь можно легко заработать реальные деньги.
К вашим услугам несколько методов заработка!
Просматривайте сайты, читайте письма рекламодателей, выполняйте несложные и интересные тесты и задания за вознаграждение.
Вы сможете получить свои первые деньги уже сразу после начала работы.
Кликайте по баннеру ниже и начинайте работать!

SEO sprint - Всё для максимальной раскрутки!

Главная » Все материалы сайта » Справочник CSS-3 » Шрифт

font-weight | Свойство CSS

font-weight

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. Свойство применимо ко всем элементам, создано в версии CSS1 но проходит валидацию согласно версии CSS3.

Синтаксис

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

Значения

Насыщенность шрифта задается с помощью ключевых слов:

bold — полужирное начертание,

bolder — жирное начертание;

lighter — светлое начертание,

normal — нормальное начертание.

Также допустимо использовать условные единицы от 100 до 900.

Числовые значения font-weight

Значение	Пример
100	Для значения 100
200	Для значения 200
300	Для значения 300
400	Для значения 400
500	Для значения 500
600	Для значения 600
700	Для значения 700
800	Для значения 800
900	Для значения 900

Именные значения font-weight

Имя	Пример
normal	Насыщенность = 400
bold	Насыщенность = 700
bolder	Насыщенность = < дольше на 100 чем у родителя
lighter	Насыщенность = > меньше на 100 чем у родителя
inherit	Наследуется значение родителя

Пример

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>Заглавие</h1>
 <p><span class="select">Какая-то надпись.</span> 
 А здесь основной текст, основной контент, основное содержание. Бла бла бла...</p>
 </body>
</html>

Пример в действии

Объектная модель

[window.]document.getElementById("elementID").style.fontWeight

Браузеры

Браузеры обычно не могут адекватно показать требуемую насыщенность шрифта, поэтому переключаются между значениями bold, normal и lighter. На практике же начертание в браузерах обычно ограничено всего двумя вариантами: нормальное начертание и жирное начертание.

Источники: http://htmlbook.ru/ и http://delaisait.ucoz.ru/

Поделись ссылкой на эту страницу с друзьями:

Категория: Шрифт | Добавил: free20860soft (02.07.2013)

Просмотров: 673 | Рейтинг: 0.0/0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

font-weight

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

Версии CSS

Описание

Синтаксис

Значения

Числовые значения font-weight

Значение

Пример

Именные значения font-weight

Имя

Пример

Пример

Пример в действии

Объектная модель

Браузеры