Kurs XHTML: 1.1, 1.0 / HTML: 4.01, 4.0, 3.2, 3.0, 2.0 / CSS: 2.1, 2.0, 1.0 z przykładami

[Start] • [Elementy XHTML/HTML] • [Atrybuty XHTML/HTML] • [Style CSS]
[0] [A] [B] [C] [D] [E] [F] [H] [I] [K] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [Z]

font-weight

OPIS

Styl definiuje grubość (wagę) czcionki.

WARTOŚCI

• normal - CSS: 2.1, 2.0, 1.0

standardowa grubość, wartość domyślna

• bold - CSS: 2.1, 2.0, 1.0

gruba

• bolder - CSS: 2.1, 2.0, 1.0

grubsza

• lighter - CSS: 2.1, 2.0, 1.0

cieńsza

• 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 - CSS: 2.1, 2.0, 1.0

grubości numeryczne, 400 to normal, 700 to bold.

• inherit - CSS: 2.1, 2.0

przejęcie wartości "rodzica", np. font-weight: inherit;

POZOSTAŁE CECHY

• CSS: 2.1, 2.0, 1.0
• dziedziczony: tak
• odpowiednik HTML: b

PRZYKŁADY ZASTOSOWAŃ

• Przykład 1:

Przykładowy tekst, w którym pokazane są różne grubości czcionek:
<br />- <span style="font-weight: bold;">próbka bold</span>
<br />- <span style="font-weight: bolder;">próbka bolder</span>
<br />- <span style="font-weight: lighter;">próbka lighter</span>
<br />- <span style="font-weight: 100;">próbka 100</span>
<br />- <span style="font-weight: 200;">próbka 200</span>
<br />- <span style="font-weight: 300;">próbka 300</span>
<br />- <span style="font-weight: 400;">próbka 400</span>
<br />- <span style="font-weight: 500;">próbka 500</span>
<br />- <span style="font-weight: 600;">próbka 600</span>
<br />- <span style="font-weight: 700;">próbka 700</span>
<br />- <span style="font-weight: 800;">próbka 800</span>
<br />- <span style="font-weight: 900;">próbka 900</span>

Przykładowy tekst, w którym pokazane są różne grubości czcionek:
- próbka bold
- próbka bolder
- próbka lighter
- próbka 100
- próbka 200
- próbka 300
- próbka 400
- próbka 500
- próbka 600
- próbka 700
- próbka 800
- próbka 900

• Przykład 2:

<style type="text/css"><!--
b { font-weight: bold; }
.l { font-weight: lighter; }
--></style>