Свойства шрифта: font-weight

font-weight

Поддержка браузерами
Настольные браузеры Chrome Firefox (Gecko) Internet Explorer Opera Safari
Базовая поддержка, версии браузеров 2.0 1.0 (1.7 или ранние) 3.0 3.5 1.3
Мобильные браузеры Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Базовая поддержка, версии браузеров 1.0 1.0 (1.0) 6.0 6.0 3.1
Свойство
font-weight — Насыщенность шрифта
Наследование
Наследуется. Это значит что стили применённые к родительскому элементу передадутся потомкам
Применяется
Ко всем элементам, это значит что применяется и к блочным, и к встроенным, и к табличным и т.д.
Может принимать значения
normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit
Значение по умолчанию
normal
Правила записи
свойство: значение;
Примеры
font-weight: normal; Этот текст имеет насыщенность normal
font-weight: bold; Этот текст имеет насыщенность bold
font-weight: bolder;

<p style="font-weight: 400">Это <span style="font-weight: bolder">слово</span> будет иметь более насыщенное начертание чем начертание текста который его окружает</p>

font-weight: lighter;

<p style="font-weight: 400">Это <span style="font-weight: lighter">слово</span> будет иметь более слабое начертание чем начертание текста который его окружает</p>

font-weight: 100; Этот текст имеет насыщенность 100
font-weight: 200; Этот текст имеет насыщенность 200
font-weight: 300; Этот текст имеет насыщенность 300
font-weight: 400; Этот текст имеет насыщенность 400
font-weight: 500; Этот текст имеет насыщенность 500
font-weight: 600; Этот текст имеет насыщенность 600
font-weight: 700; Этот текст имеет насыщенность 700
font-weight: 800; Этот текст имеет насыщенность 800
font-weight: 900; Этот текст имеет насыщенность 900
font-weight: inherit; Это значит что шрифт унаследует значение от родителя
Заметка
Числовое значение начертания в разных браузерах будет выглядеть по разному
Поделиться