Пример
Устанавливает различный вес шрифта для трех параграфов:<html>
<head>
<meta charset="utf-8" />
<style>
p.normal { font-weight:normal; }
p.light { font-weight:lighter; }
p.thick { font-weight:bold; }
p.thicker { font-weight:900; }
</style>
</head>
<body>
<p class="normal">Это параграф.</p>
<p class="light">Это параграф.</p>
<p class="thick">Это параграф.</p>
<p class="thicker">Это параграф.</p>
</body>
</html>
Определение и использование
Свойство font-weight указывает толстыми или тонкими символами должен отображаться текст.
| Значение по умолчанию: | normal |
|---|---|
| Унаследованный: | да |
| Версия: | CSS1 |
| Синтакс JavaScript: | object.style.fontWeight="900" |
Поддержка браузеров
Свойство font-weight поддерживается во всех ведущих браузерах.
Примечание: Ни одна из версий Internet Explorer (включая IE8) не поддерживает значение "inherit".
Значения свойства
| Значение | Описание |
|---|---|
| normal | Определяет обычные символы. Это по умолчанию |
| bold | Определяет толстые символы |
| bolder | Определяет символы толще |
| lighter | Определяет символы тоньше |
| 100 200 300 400 500 600 700 800 900 |
Определяет от толстых до тонких символов. 400 такой же как нормальный, а 700 такой же как жирный |
Была ли эта информация полезной?
