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

Horizontalna linija /HORIZONTAL LINE - HR/ atributi


Slika 1. Izgled fonta /FONT FAMILY/ STYLE="font-family

Horizontalna linija /HORIZONTAL LINE/  Sintaksa:   <HR style="width:vrijednost; height:vrijednost; color:vrijednost; background-color:Boja_pozadine; float:Poravnanje">

Horizontalna linija se koristi da razdvoji prostor na Web stranici. Tag za horizontalnu liniju je <hr> . Horizontalna linija nema tag za zatvaranje. Prvi dio opisa naredbe >>


Slika 2. Izbled fonta /font-family/

Primjeri

Sintaksa  Opis Primjer kod Primjer ispis
<hr>

linija

 <hr>
<style="width:pikseli;">

širina u pikselima

 <hr style="width:10;">
<style="width:procenti%;" >

širina u procentima

<hr style="width:50%;">
<style="height:2em;">

debljina 2 em

 <hr style="height:2em;">
<style="height:5px;">

debljina pikselima

<hr style="height:5px;">
<style="border: none;">

bez okvira

<hr style="border: none;">
<style="height:1.5em;width:25em;border:1px solid #000;" />

prvaougaonik - okvir

<hr style="height:1.5em; width:10em; border:1px solid #000;" />
<style="color:#c00;background-color:#c00;" />

boja se definiše na dva načina zavisno od verzije BROWSER-a. Zato oba načina koristite da postignete rezultat.

<hr style="color:#c00;background-color:#c00;" />
<style="color:#c00;background-color:#c00;height:1px;border:none;" />

bez okvira crvena

<hr style="color:#c00;background-color:#c00;height:5px;border:none;" />
<style="color:#c00;background-color:#c00;height:1px;border:none;" />

bez okvira žuta

<hr style="color:#FFFF00;background-color:#FFFF00;height:5px;border:none;" />
<style="color:#c00;background-color:#c00;height:1px;border:none;" />

okvir 3 px plavi

<hr style="color:#FF0000;background-color:#FF0000;height:15px;border:3px solid #0000FF;" />
<style="color:#c00;background-color:#c00;height:1px;border:none;" />

samo okvir 3 px plavi

<hr style="height:15px;border:3px solid #0000FF;" />
<style="color:#c00;background-color:#c00;height:1px;border:none;" />

samo unutrašnjosti

<hr style="color:#FF0000;background-color:#FF0000;height:15px;" />
<style="width:50%;float:right;" />

poravnanje (desno)

<hr style="width:50%;float:right;" />

Daljnji rad: Napisati html kod da se nacrta linija sa slijedećim parametrima. Podsjetimo se da unutar TAG-a horizontalne linije može biti više parametara.

  1. 30% prozora
  2. širina linije 63 piksela
  3. debljina linije 3 piksela
  4. debljina linije 9 piksela
  5. linija u lijevoj polovici ekrana
  6. žuta linija
  7. bijela  linija
  8. crna  linija
  9. siva linija
  10. debljina  linije 3, širina 5 piksela
  11. debljina  linije 3, širina 5 piksela bez sjene

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