abc HTML5 i CSS TUTORIAL - Linijski CSS /INLINE CSS/

Veličina fonta u dokumentu /BODY FONT SIZE/ STYLE="FONT-SIZE:veličina;"


Slika 1. Izbor vrijednosti atributa - Linijski CSS /INLINE CSS/

Veličina fonta u paragrafu /PARAGRAPH FONT SIZE/   Sintaksa:   <BODY style="font-size:Veličina_fonta;">

Oznake:
BODY - Tekst u cijelom dokumentu

font-size - Atribut za veličinu fonta
Veličina_fonta - Brojna vrijednost fonta i mjerna jedinica veličine fonta (em, px, pt, %).

FONT SIZE tag je zastario i u HTML 5 verziji se za izbor parametera fonta koristi CSS.

Veličina fonta se iskazuje u jednoj od 4 mjerne jedinice. Odnos mjernih jedinica: 1em = 12pt = 16px = 100%. (Vidi Veličina fonta >>).


Slika 2. Veličine fonta /font-size/

Primjeri

Mjesto upotrebe

Način deklarisanja

Cijeli dokument

 body { font-size: "veličina"; } ili <body style="font-size:veličina;" >

Primjer: Odnos veličine fonta definisane u BODY tagu i u p tagu.

R.br.

HTML5 kod

Opis koda

Ekran

1.

Veličina fonta je definisana u BODY tagu a prikazuje se kao definisana veličina u <p> tagu.
Za ovaj primjer veličina fonta je:
1.5em = 1.5 x 12pt = 18pt

<!DOCTYPE html>
<html>
<head>
<title>Izgled fonta </title>
</head>
<body style="font-size=1.5em;">
<p STYLE="FONT-SIZE:12pt;" >znanje.org</p>
<p>znanje.org</p>
<p STYLE="FONT-SIZE:18pt;" >znanje.org</p>
<p STYLE="FONT-SIZE:100%;" >znanje.org</p>
<p STYLE="FONT-SIZE:24px;" >znanje.org</p>
</body>
</html>

znanje.org

znanje.org

znanje.org

znanje.org

znanje.org

2.

Veličina fonta je definisana u BODY tagu a prikazuje se kao definisana veličina u <p> tagu.
Za ovaj primjer veličina fonta je:
2em = 2 x 12pt = 24pt

<!DOCTYPE html>
<html>
<head>
<title>Izgled fonta </title>
</head>
<body style="font-size=2em;">
<p STYLE="FONT-SIZE:24pt;" >znanje.org</p>
<p>znanje.org</p>
<p STYLE="FONT-SIZE:100%;" >znanje.org</p>
</body>
</html>

znanje.org

znanje.org

znanje.org

3.

Veličina fonta je definisana u BODY tagu a prikazuje se kao definisana veličina u <p> tagu.
Za ovaj primjer veličina fonta je:
0.75em = 0.75 x 12pt = 9pt

<!DOCTYPE html>
<html>
<head>
<title>Izgled fonta </title>
</head>
<body style="font-size=0.75em;">
<p STYLE="FONT-SIZE:9pt;" >znanje.org</p>
<p>znanje.org</p>
<p STYLE="FONT-SIZE:100%;" >znanje.org</p>
</body>
</html>

znanje.org

znanje.org

znanje.org

Odnos veličine fonta definisane u BODY tagu i u p tagu >>.

Prozor na dnu stranice je namjenje za provjeru koda:
- kopirajte kod (edit, copy, paste ili CTRL+C, CTRL+V ili DRAG&DROP metodom), editovanje je moguće u prozoru

Primjeri korištenja veličina fonta /FONT SIZE/ style="font-size /RELATED LINKS/:

Index