font-weight - definiuje grubość czcionki. Możliwe wartości to:
- 100 do 900 - wartości liczbowe (rosnące o 100), im wyższe tym czcionka ciemniejsza
- normal - normalna czcionka, odpowiada wartości liczbowej 400
- bold - czcionka pogrubiona, odpowiada wartości liczbowej 700 oraz działaniu tagu html - B
- bolder - czcionka o 100 grubsza niż odziedziczona wartość (maksymalnie 900), wartość można dziedziczyć po rodzicu, lub tak jak w przypadku tagu B czy Strong mieć domyślnie przypisaną
- lighter - czionka o 100 chudsza niż odziedziczona wartość (minimalnie 100)
Przykład #1
span.wazny { font-weight: bold; }
Przykład #2
Div o grubości czcionki '500' span pogrubiony względem rodzica (wartość 600)
<div style="font-weight: 500">Div o grubości czcionki '500' <span style="font-weight: bolder"> span pogrubiony względem rodzica (wartość 600)</span></div>
<h2>Polecenia pokrewne</h2>
* [[css/font]] - [[css/font-style]]
<h2>Odpowiednik html</h2>
* tag [[(x)html/b]]
<h2>Wersja specyfikacji</h2>
* <a href="http://www.w3.org/TR/REC-CSS1">CSS 1</a>
<h2>Wsparcie przeglądarek</h2>
* Opera 3.5
* Internet Explorer 4
<dfn>Podawanie wartości liczbowych oraz 'bolder' i 'lighter' praktycznie nie ma sensu, ponieważ przeglądarki i tak wyświetlają wartości font-weight od 100 do 500 jako 'normal' a od 600 do 900 jako 'bold'. Zachowują sie tak nawet najnowsze przeglądarki - Opera 9, Firefox 1.5 i Internet Explorer 6.</dfn>