Atrybut font-weight w CSS

Definicja i użycie

Atrybut fontWeight ustawia grubość czcionki tekstu.

Wyjaśnienie

Ta właściwość służy do ustawiania grubości czcionki tekstu wyświetlanego przez element. Wartość liczbowa 400 jest równoważna słowu kluczowemu normal, a 700 równoważne bold. Każda wartość liczbowa musi być przynajmniej tak cienka, jak wartość liczbowa mniejsza, a przynajmniej tak gruba, jak wartość liczbowa większa.

Zobacz również:

Kurs CSSCzcionki CSS

Podręcznik CSSAtrybut font w CSS

Podręcznik HTML DOMAtrybut fontWeight

Przykład

Ustaw grubość czcionki dla trzech akapitów:

p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}

Spróbuj sam

Gramatyka CSS

font-weight: normal|bold|bolder|lighter|liczba|initial|inherit;

Wartość atrybutu

Wartość Opis
normal Domyślna wartość. Definiuje standardowe znaki.
bold Definiuje grubsze czcionki.
grubsza Definiuje jeszcze grubsze znaki.
cieńsza Definiuje jeszcze cieńsze znaki.
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
 Definiuje znaki od grubych do cienkich. 400 jest równoważne normal, a 700 równoważne bold.
inherit Definiuje, że grubość czcionki powinna być dziedziczona od elementu nadrzędnego.

Szczegóły techniczne

Domyślna wartość: normal
Inherdowanie: tak
Wersja: CSS1
Gramatyka JavaScript: obiekt.style.fontWeight="900"

Próbuj sam

Ustawianie grubości czcionki
Ten przykład pokazuje, jak ustawić grubość czcionki.

Obsługa przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
2.0 4.0 1.0 1.3 3.5