config

Strona w trakcie modernizacji

Zapraszamy wkrótce

Właściwość CSS – font-weight

Definicja stylu, przeznaczenie i użycie font-weight

Właściwość font-weight określa grubość wyświetlanych w tekście znaków.

Wartości właściwości font-weight

Wartość Opis
normal Domyślnie. Przeglądarka wyświetla normalną czcionkę.
bold Przeglądarka wyświetla grube znaki.
bolder Przeglądarka wyświetla grubsze znaki.
lighter Przeglądarka wyświetla cienkie znaki.
100
200
300
400
500
600
700
800
900
Definiuje od cienkich do grubych znaków. 400 to normalne (normal), a 700 to pogrubienie (bold).
initial Ustawia tę właściwość na jej wartość domyślną.
inherit Dziedziczy tę właściwość z elementu nadrzędnego.

Składnia CSS – font-weight

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

Wsparcie przeglądarek dla właściwości font-weight

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Właściwość chrome edge firefox safari opera
font-weight 2.0 4.0 1.0 1.3 3.5

 

Przykładowe zastosowania font-weight

Kliknij wartości właściwości poniżej, aby zobaczyć wynik.

Właściwość CSS:
font-weight:

 
Rezultat:

Zmień grubość czcionki, klikając przyciski opcji.

Kod CSS:
div {
    font-weight:normal;
}
 

 

Przykłady właściwości font-weight

font-weight: normal;

font-weight: bold;

font-weight: 700;

font-weight: 300;

 

 

Obszar działalności – tworzenie stron internetowych w miastach:

Witold Czuba Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe
Adres:, Marynarska 54, 59-220, Legnica, dolnośląskie, Polska, Tel.: +48 780 060 995, Pon. - pt. 8:00 - 17:00

 

Witold Czuba

Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe

Marynarska 54
59-220, Legnica,
dolnośląskie, Polska,
Tel.: +48 780 060 995,
Pon. - pt. 8:00 - 17:00