CSS

Font-weight

  • 2006-08-02 16:02
  • 0 komentarzy
  • 2788 odsłon
  • Oceń ten tekst jako pierwszy
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 style="font-weight: 500">Div o grubości czcionki '500' <span style="font-weight: bolder"> span pogrubiony względem rodzica (wartość 600)</span></div>


Div o grubości czcionki '500' span pogrubiony względem rodzica (wartość 600)


Polecenia pokrewne


Odpowiednik html


  • tag b

Wersja specyfikacji


Wsparcie przeglądarek


  • Opera 3.5
  • Internet Explorer 4
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.