logo-tworzenie-stron-legnica

config

Style CSS

Spis alfabetyczny stylów CSS.

Ściąga CSS - przykłady, style CSS alfabetycznie, spis stylów CSS, właściwości CSS, skorowidz stylów CSS.


 

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;

 

Witold Czuba Tworzenie stron Warszawa, Wrocław i Legnica | Grafik | Strony , , 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 | Grafik | Strony

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