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

Atributi /ATTRIBUTE/ - Linijski CSS /INLINE CSS/


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

Atributi /ATTRIBUTE/ - Linijski CSS /INLINE CSS/ BODY dio Sintaksa: : <TAG style="ATRIBUT:Vrijednost_atributa;">
 Korištenje linijskog CSS-a /INLINE CSS/ CSS-a se izvodi u naredbi BODY dijela HTML fajla. Vrijednost važenja atrbuta je do važenja izabranog TAG-a.
Atribut se definiše unutar STYLE naredbi u HEAD dijelu. Više atributa jednog se navodi unutar odvorenih i zatvorenih velikih zagrada { }.

Atributi objašnjeni u ovom poglavlju:
text-align
background-color
color
font-family
font-size
text-decoration

Vrijednost_atributa - Skup vrijednosti zavisi do navedenog atributa.
Sadržaj - Sadržaj za izabrani tag - Navodi se sadržaj odgovarajući za TAG. Ovo je ujedno i područje važenja TAG-a.

Područje važenja atributa je unutar koda_ili_naziva u BODY dijelu.

Slijedeća tabela sadrži dio atributa HTML-a koji su objašnjeni u ovom tutorijalu i primjere korištena u linijskom CSS-u /INLINE CESS/. Ovi atributi se koriste u TAG-ovima: body, p, i h1-h6. Termin u vrijednost u tabeli zavisi od atributa a navedeni linkovi sadrže deteljnjije primjere i opise primjene.

R.br.

Atrubut

Opis

Sintaksa

Link

Primjer

1.

 text-align

Poravnanje

 style="text-align:vrijednost;"

Poravnanje /ALIGN/

2.

 background-color

Boja pozadine

 style="background-color:vrijednost;"

Boja pozadine /BACKGROUND COLOR/

3.

 color

Boja teksta

 style="color:vrijednost;"

Boja teksta /TEXT COLOR/

4.

 font-family

Izgled fonta

 style="font-family:vrijednost;"

Izgled fonta /FONT FAMILY/

5.

 font-size

Veličina fonta

 style="font-size:vrijednost;"

Veličina fonta /FONT SIZE/

6.

 text-decoration

Tekst i linija

 style="text-decoration:vrijednost;"

Tekst i linija /TEXT DECORATION/

Primjeri naredbi bez i sa linijskim atributom:

Aktivnost

Način pisanja

Ekran

Naredbi bez atributa:

 <p>Ispis teksta.</p>

Aktivnost

Naredbi sa atributom:

 <p style="color:red;">Ispis teksta.</p>

Ispis teksta.

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

Index