CSS font-weight

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

CSS font-weight

font-weight to właściwość CSS określająca grubość kroju pisma, czyli np. czy tekst ma być zwykły, pogrubiony albo bardzo cienki. W pytaniach egzaminacyjnych jest to poprawna właściwość służąca do pogrubiania tekstu za pomocą CSS.

Najczęściej używane wartości

  • normal - standardowa grubość tekstu, zwykle odpowiednik 400
  • bold - pogrubienie tekstu, zwykle odpowiednik 700
  • bolder - grubszy tekst względem elementu nadrzędnego
  • lighter - cieńszy tekst względem elementu nadrzędnego
  • wartości liczbowe: 100, 200, ..., 900

Przykład:

p {
  font-weight: bold;
}

h1 {
  font-weight: 700;
}

Przykład w HTML i CSS

<p class="wazne">To jest ważny tekst.</p>

.wazne {
  font-weight: bold;
}

Efekt będzie podobny wizualnie do użycia znacznika <b>, ale CSS oddziela wygląd od struktury dokumentu.

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

Nie należy mylić font-weight z:

  • font-size - określa rozmiar czcionki,
  • font-style - określa np. kursywę przez italic,
  • text-decoration - określa np. podkreślenie tekstu.

W egzaminie INF.03, jeśli pytanie dotyczy pogrubienia tekstu w CSS, właściwą odpowiedzią jest font-weight.