Etiket hr
Die etiket hr spesifiseer 'n skeidende horisontale
lyn. Die voordeel van die etiket is dat daar nie
oortollige blokke geskep hoef te word om 'n enkele
lyn te trek nie. Vereis nie 'n sluitingsetiket nie.
Voorbeeld
Laat ons kyk hoe die etiket hr werk:
<hr>
:
Voorbeeld
Kom ons probeer die kleur van die lyn verander met behulp van
die CSS eienskap border-color:
<hr style="border-color: red;">
:
Voorbeeld
Die kleur van die lyn kan ook verander word met die eienskap
color
(in hierdie geval, indien beide eienskappe
color en border-color
gespesifiseer is - het die tweede voorrang):
<hr style="color: red">
:
Voorbeeld
Laat ons nou die kleur van die lyn verander met behulp van
die CSS eienskap border.
Let daarop dat die lyn
dubbeldik sal word (omdat ons 'n
grens bo en onder spesifiseer):
<hr style="border: 1px solid red;">
:
Voorbeeld
Kom ons probeer die kleur van die lyn verander met behulp van die CSS
eienskap border-top,
en spesifiseer slegs die boonste grens. Nou
sal daar nie 'n dubbellyn wees nie:
<hr style="border-top: 1px solid red;">
:
Voorbeeld
Laat ons die lyn in die vorm van kolletjies maak met behulp van
die CSS eienskap border-top,
ons spesifiseer die waarde dotted in plaas van solid:
<hr style="border-top: 1px dotted red;">
:
Voorbeeld
Laat ons die dikte van die lyn vergroot met behulp van
die CSS eienskap border-width:
<hr style="border-width: 10px; border-color: red;">
:
Voorbeeld
En nou, laat ons aan die lyn 'n hoogte van height
en 'n grens via border byvoeg.
Die grens sal dan in boonste en onderste verdeel word:
<hr style="height: 10px; border: 1px solid red;">
:
Sien ook
-
die etiket
br,
wat 'n nuwe lyn oorslag spesifiseer
