Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Шрифт и текст : font-weight

смотрим также

Материал из Справочник Web-языков

Перейти к: навигация, поиск


Содержание

Атрибут font-weight| Свойство fontWeight

Задает параметры насыщенности шрифта.

Синтаксис

HTML { font-weight : sWeight }
Скрипты [ sWeight = ] object.style.fontWeight

Используемые значения

sWeight
Строка, которая устанавливает или принимает одно из следующих значений.
normal Обычный шрифт.
bold Жирный шрифт.
bolder Шрифт еще более жирный, чем по умолчанию для bold.
lighter Шрифт светлее, чем обычный (normal).
100 Шрифт ярче, чем при значении 200.
200 Шрифт жирнее, чем при значении 100, но ярче, чем при при 300.
300 Шрифт жирнее, чем при значении 200, но ярче, чем при при 400.
400 Шрифт обычный.
500 Шрифт жирнее, чем при значении 400, но ярче, чем при при 600.
600 Шрифт жирнее, чем при значении 500, но ярче, чем при при 700.
700 Шрифт жирный.
800 Шрифт жирнее, чем при значении 700, но ярче, чем при при 900.
900 Самый жирный шрифт.

Это свойство читается/записывается для всех объектов, кроме currentStyle (только чтение). Свойство не имеет значения по умолчанию. Атрибут Каскадных таблиц стилей (CSS) наследуется.

Замечания

Визуальные параметры шрифтов сильно зависят от самих шрифтов, установленных на компьютере. Во многих случаях, конечный пользователь просто не увидит разницы между шрифтами с немного различными значениями font-weight, т.к. система отобразит их максимально похожими шрифтами.

Установка числового значения font-weight равным 400 эквивалентно normal, равным 700 - bold. Интерпретирование значений lighter и bolder зависит от характеристик шрифта родительского элемента. Если для текста родительского элемента установлено значение normal, то применение к нему значения bolder сделает текст просто жирным (bold).

Примеры

В примерах для изменения характеристик шрифта используется атрибут font-weight и свойство fontWeight.

В первом примере используется атрибут font-weight и селектор li', чтобы сделать текст внутри списка очень жирным (bolder).

<STYLE>
LI { font-weight:bolder }
</STYLE>

Во втором примере используется свойство fontWeight, чтобы сделать шрифт очень жирным, когда происходит событие onmouseover.

<P STYLE="font-size:14" onmouseover="this.style.fontWeight='bolder'">

Стандарты

Это свойство описано в Cascading Style Sheets (CSS), Level 1 (CSS1)

Поддерживаемые браузеры

Internet Explorer 5.5, 6.0, 7.0, 8.0

Opera 7.0, 8.0, 9.2, 9.5

Safari 1.3, 2.0, 3.1

Firefox 1.5, 2.0, 3.0

Смотри также

font

Ссылки на источники

http://msdn.microsoft.com/en-us/library/ms530762(VS.85).aspx

https://developer.mozilla.org/en/CSS/font-weight

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="http://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования