Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Шрифт и текст : font-weight — Справочник Web-языков
Материал из Справочник Web-языков
Перейти к: навигация, поиск
Содержание
|
Задает параметры насыщенности шрифта.
Синтаксис
| 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 и селектор li’, чтобы сделать текст внутри списка очень жирным (bolder).
<STYLE>
LI { font-weight:bolder }
</STYLE>
Во втором примере используется свойство fontWeight, чтобы сделать шрифт очень жирным, когда происходит событие onmouseover.
<P>
Стандарты
Это свойство описано в 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
Ссылки на источники
https://msdn.microsoft.com/en-us/library/ms530762(VS.85).aspx
https://developer.mozilla.org/en/CSS/font-weight
Как выделить текст жирным шрифтом в CSS
CSS или Каскадные таблицы стилей — это язык, который определяет, как элементы HTML или XML отображаются на веб-сайте.
Вместо того, чтобы редактировать содержимое веб-сайта для достижения желаемого шрифта или цвета, вы можете просто использовать CSS , чтобы легко обновлять эти элементы на вашем сайте.
Это будет очень полезно, если вы решите провести ребрендинг!
Вот краткое руководство по выделению текста жирным шрифтом в CSS и другие полезные советы.
Важное руководство по раскрытию информации: мы гордимся тем, что это руководство упоминается в партнерских программах. Если вы нажмете на партнерскую ссылку и впоследствии совершите покупку, мы получим небольшую комиссию без каких-либо дополнительных затрат для вас (вы ничего не платите дополнительно). Для получения дополнительной информации ознакомьтесь с раскрытием информации об аффилированных лицах.
Как выделить жирный текст в CSS 🅱️
Жирный текст в CSS можно получить, установив свойство веса шрифта
.Это свойство определяет толщину текста и может быть полужирным, жирным, светлым, нормальным и т. д.
Чтобы установить свойство font-weight в CSS, вам потребуется использовать код. Код, который вы в конечном итоге выберете, будет зависеть от того, какой элемент вы хотите выделить жирным шрифтом.
Если вы хотите выделить один HTML-элемент жирным шрифтом, лучше подойдет встроенный стиль . Вот как будет выглядеть код:
Это жирный текст.
👉 Если вы хотите, чтобы свойство жирности применялось к множественным элементам , вам нужно использовать класс в таблице стилей: