Streck: Dra olika streck p� din hemsida

JavaScript.nu / HTML-kurs / Horisontella streck

Horisontella streck

I detta kapitel:
Streck
Bredd
Var p� sidan
Storlek
F�rg
Noshade
Test

Vill du dra ett horisontellt streck tv�rs �ver sidan g�r du detta med HR-taggen, <HR>.
Ett vanligt streck ser ut s�h�r:

HR
HR st�r f�r "Horizontal Rule" (=horisontell linje, streck) och drar ett streck �ver sidan.
Attribut
ALIGN		Giltiga v�rden: center, left, right
COLOR		Detta fungerar bara med Explorer och best�mmer streckets f�rg.
NOSHADE		Har inga v�rden. Detta g�r att 3D-effekten f�rsvinner fr�n strecket
SIZE		Streckets h�jd: Ange ett heltalsv�rde.
WIDTH		Streckets bredd: Ange ett heltalsv�rde eller ett procentuellt v�rde.

F�r att �ndra streckets bredd s� g�r vi det med WIDTH:

<HR WIDTH="50">

<HR WIDTH="100">

<HR WIDTH="200">

<HR WIDTH="400">

<HR WIDTH="25%">

<HR WIDTH="50%">

<HR WIDTH="100%">

Standard �r 100%.

Med ALIGN-attributet best�mmer du om streckets ska finnas till v�nster, i mitten eller till h�ger p� sidan:
<HR WIDTH="30%" ALIGN="left"> <HR WIDTH="30%" ALIGN="center"> <HR WIDTH="30%" ALIGN="right">

Raderna ovan resulterar allts� i:

Streckets h�jd best�ms med SIZE. H�r kan du inte ange ett v�rde i procent, h�r m�ste ett heltalsv�rde anges:
<HR WIDTH="100" SIZE="10"> <HR WIDTH="300" SIZE="20"> <HR WIDTH="30%" SIZE="30">

Raderna ovan resulterar nu i:

Streckets f�rg �ndras med COLOR-attributet:
<HR WIDTH="100" SIZE="30" COLOR="red"> <HR WIDTH="200" SIZE="20" COLOR="#000000"> <HR WIDTH="300" SIZE="10" COLOR="silver">

Raderna ovan resulterar nu i:

Observera att f�rgen endast visas f�r dem som har Internet Explorer, inte f�r dem med Netscape.

Attributet NOSHADE, som saknar attributv�rde, tar bort 3D-effekten p� strecket. Nedan visas n�gra exempel:
<HR WIDTH="100" SIZE="10" NOSHADE> <HR WIDTH="400" ALIGN="right" COLOR="#00FF00" NOSHADE> <HR NOSHADE>

Raderna ovan resulterar i:

Test

I slutet av varje kapitel i HTML-kursen finns n�gra fr�gor som du ska svara p� f�r att testa dina kunskaper inom HTML. Om du har f�tt alla r�tt s� �r det bara att g� vidare, fast har du haft n�got fel kan det kanske vara klokt att f�rs�ka lista ut vad som kan ha varit fel. Givetvis kan du g� vidare �ven om du inte svarar r�tt p� alla fr�gor.