abc HTML5 TUTORIAL - Veličina fonta u dokumentu i paragrafu /PARAGRAPH & BODY FONT SIZE/ STYLE="FONT-SIZE:veličina;"

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

Veličina fonta u dokumentu i paragrafu /PARAGRAPH & 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:

Oznake:
p paragraf /PARAGRAPH/
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	Link
Cijeli dokument	body { font-size: "veličina"; } ili <body style="font-size:veličina;" >	BODY
Paragraf /PARAGRAPH/ <p>	<p style="font-size:veličina;" >Ljepota nije čudo, ali čini čudesa.</p>	PARAGRAPH

Primjeri fonta:

	<body style="font-size:100%;" >	<body style="font-size:120%;" >
font-size:1em	The quick brown fox jumps over the lazy dog.	The quick brown fox jumps over the lazy dog.
font-size:12 pt	The quick brown fox jumps over the lazy dog.	The quick brown fox jumps over the lazy dog.
font-size:16px	The quick brown fox jumps over the lazy dog.	The quick brown fox jumps over the lazy dog.
font-size:100%	The quick brown fox jumps over the lazy dog.	The quick brown fox jumps over the lazy dog.

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

R.br.

HTML5 kod

Opis koda

Ekran

Veličina fonta u paragrafu se izračunava kao proizvod vrijednosti u <BODY> i tagovima.

<!DOCTYPE html>
<html>
<head>
<title>Izgled fonta </title>
</head>
<body style="font-size=1.5em;">
znanje.org
znanje.org
znanje.org
znanje.org
znanje.org
znanje.org
</body>
</html>

znanje.org

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

R.br.	HTML5 kod	Opis koda	Ekran
1.	<body style="font-size=1.5em;">	Veličina fonta u dokumentu korištenjem taga <p> je 150% tj. 1.5em. Odnosno 1.5 x 12pt = 18pt	znanje.org
2.	<p STYLE="FONT-SIZE:12pt;" >znanje.org</p>	Fiksna v eličina fonta u paragraf tagu 12pt.	znanje.org
3.	<p>znanje.org</p>	Veličina fonta u paragrafu se izračunava kao proizvod vrijednosti u <BODY> i <P> tagovima. Odnosno 1.5em=1.5 x 12pt = 18pt	znanje.org
4.	<p STYLE="FONT-SIZE:18pt;" >znanje.org</p>	Fiksna v eličina fonta u paragraf tagu 18pt.	znanje.org
5.	<p STYLE="FONT-SIZE:100%;" >znanje.org</p>	Veličina fonta u paragrafu se izračunava kao proizvod vrijednosti u <BODY> i <P> tagovima. 100% od 1.5em = 12pt	znanje.org
6.	<p STYLE="FONT-SIZE:150%;" >znanje.org</p>	Veličina fonta u paragrafu se izračunava kao proizvod vrijednosti u <BODY> i <P> tagovima. 1.5em x 150% = 2.25 em = 27pt	znanje.org
7.	<p STYLE="FONT-SIZE:27pt;" >znanje.org</p>	Fiksna v eličina fonta u paragraf tagu 27pt.	znanje.org

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