English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойство font-weight CSS устанавливает толщину шрифта.
Таблица содержит описание использования и историю версий этого свойства, а также синтаксис использования свойства в скриптах JavaScript.
| Значение по умолчанию: | Нормальный |
|---|---|
| Поддерживается: | Все элементы |
| Инheritance: | Да |
| Анимация возможна: | Да.Пожалуйста, обратитесь к: Анимационные свойства. |
| Версия: | CSS 1, 2, 3 |
| JavaScript синтаксис: | object.style.fontWeight="700" |
Грамматика этого свойства такая:
font-weight: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | initial | inherit
Ниже приведен пример того, как использовать свойство font-weight.
h1 {
font-weight: normal;
}
p {
font-weight: bold;
}Проверьте, посмотрите‹/›Таблица ниже описывает значения этого свойства.
| Значение | Описание |
|---|---|
| normal | Укажите обычные символы. |
| bold | Укажите жирные символы. |
| bolder | Определите более толстые символы. |
| lighter | Выберите более тонкие символы. |
| 100 | Числа от 100 до 900 образуют упорядоченную последовательность, где каждый номер代表着 значение权重, равное или большее, чем предыдущее значение. Ключевое слово normal равно 400, жирный шрифт равно 700. |
200 | |
300 | |
400 | |
500 | |
600 | |
700 | |
800 | |
900 | |
| initial | Установить этот атрибут в его значение по умолчанию. |
| inherit | Если указано, то связанные элементы используют значение свойства font-weight родительского элемента. |
Совместимость браузеров для свойства font-weight, числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.
|
Пожалуйста, обратитесь к следующим учебникам:Шрифты CSS,Текст CSS.
Соответствующие свойства и правила:font,font-style,font-variant,font-size,line-height,font-family,@font-face.