CSS

Font-weight

Kooba

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>
CSS

0 komentarzy