Справочник по 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
Смотри также
Ссылки на источники
https://msdn.microsoft.com/en-us/library/ms530762(VS.85).aspx