font-weight

przez 2 współtwórców

Podsumowanie

Własność font-weight określa wagę lub grubość czcionki.

Składnia

font-weight: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit

Wartości

normal 
Normalna waga czcionki. Identycznie jak 400.
bold 
Pogrubiona czcionka. Identycznie jak 700.
lighter 
Waga czcionki lżejsza o jedną wartość niż w elemencie rodzica (spośród dostępnych wag czcionki)
bolder 
Waga czcionki cięższa o jedną wartość niż w elemencie rodzica (spośród dostępnych wag czcionki)
100, 200, 300, 400, 500, 600, 700, 800, 900 
Liczbowe wartość wag czcionek dla czcionek, które mają więcej niż tylko waga normalna i pogrubiona. Jeśli wybrana waga jest niedostępna, wtedy dla wartości 600-900 używana jest najbliższa dostępna większa wagi (lub jeśli takiej nie ma, najbliższa dostępna lżejsza waga), a dla wartości 100-500 używana jest najbliższa dostępna mniejsza waga (lub jeśli takiej nie ma, najbliższa dostępna większa waga). Oznacza to, że dla czcionek, które mają tylko wagi normalną i pogrubioną, wartości 100-500 stają się wagą normalną, a 600-900 pogrubioną.

Przykłady

View the live example

/* Pogrubia tekst w akapicie. */
p {font-weight: bold}

/* Ustawia tekst w h1 (nagłówek 1 poziomu) o jeden stopień grubszy
   niż w normalnym tekście, ale mniej niż w standardowym pogrubieniu. */
h1 {font-weight: 500}

/* Ustawia tekst otoczony znacznikiem span
   o jeden stopień lżejszy niż u rodzica. */
span {font-weight: lighter}

Uwagi

Specyfikacje

Zgodność z przeglądarką

Przeglądarka Najniższa wersja
Internet Explorer 3
Netscape 4
Opera 3.5

Zobacz także

font, font-family, font-size, font-size-adjust, font-stretch, font-style, font-variant, font-weight, @font-face

Autorzy i etykiety dokumentu

Contributors to this page: teoli, Witia
Ostatnia aktualizacja: teoli,
Ukryj panel boczny