[ aktualizacja 9.01.2001 ]

Uprzedzając opis sposobów wprowadzania stylów do dokumentu, założymy w tym miejscu, że posługujemy się stylami lokalnymi (in-line) tworzonymi za pomocą konstrukcji:

<p style="definicja stylu">Treść akapitu</p>

Wielkość czcionki (font-size)

Wielkość czcionki możemy regulować za pomocą czterech metod: imiennych wielkości absolutnych, wielkości relatywnych, wysokości w jednostkach miary i wysokości w procentach.

Imienne wielkości absolutne

xx-small, x-small, small, medium, large, x-large, xx-large

<p style="font-size: wielkość absolutna">Treść akapitu</p>

Treść akapitu wyświetlana za pomocą wielkości xx-small

Treść akapitu wyświetlana za pomocą wielkości x-small

Treść akapitu wyświetlana za pomocą wielkości small

Treść akapitu wyświetlana za pomocą wielkości medium

Treść akapitu wyświetlana za pomocą wielkości large

Treść akapitu wyświetlana za pomocą wielkości x-large

Treść akapitu wyświetlana za pomocą wielkości xx-large

Interpretacja: Internet Explorer, Netscape 6, Opera 5

Wielkości relatywne

larger, smaller (w stosunku do domyślnej)

<p style="font-size: wielkość relatywna">Treść akapitu</p>

Treść akapitu wyświetlana za pomocą wielkości larger

Treść akapitu wyświetlana za pomocą wielkości smaller

Interpretacja: Internet Explorer, Netscape 6, Opera 5

Wielkość w jednostkach miary

W dokumencie można użyć kilku klasycznych jednostek miary: centymetry (cm), cale (in), milimetry (mm), punkty (pt) i pica (pc).

1in = 2.54cm
1pt=1/72in
1pc=12pt

Na przykład:

<p style="font-size: 1cm"></p>

Treść akapitu wyświetlana za pomocą wielkości 1 cm

Treść akapitu wyświetlana za pomocą wielkości 8 mm

Treść akapitu wyświetlana za pomocą wielkości 0,1 cala

Treść akapitu wyświetlana za pomocą wielkości 14 punktów

Treść akapitu wyświetlana za pomocą wielkości 1,5 pica

Interpretacja: Internet Explorer, Netscape 6, Opera 5

Wielkość w procentach

Podanie wielkości w procentach powinno dać w efekcie procent wielkości domyślnej dla danego selektora, np. akapitu, tytułu itp.
Wszystkie trzy przeglądarki interpretują to polecenie częściowo błędnie, np. w odniesieniu do tytułu, choć akapit jest wyświetlany poprawnie.

Na przykład:

<h1 style="font-size: 125%">To jest tytuł stopnia pierwszego 125%</h1>

To jest tytuł stopnia pierwszego

To jest tytuł stopnia pierwszego 125%

Normalny akapit

Akapit 125%