Taggen hr
Taggen hr definerer en horisontal
skillelinje. Fordelen med taggen er at for å
tegne en enkelt linje, trenger du ikke å
opprette unødvendige blokker. Krever ikke
avsluttende tagg.
Eksempel
La oss se hvordan taggen hr fungerer:
<hr>
:
Eksempel
La oss prøve å endre fargen på linjen ved hjelp av
CSS-egenskapen border-color:
<hr style="border-color: red;">
:
Eksempel
Fargen på linjen kan også endres med egenskapen
color
(hvis både egenskapene
color og border-color
er angitt samtidig - har den andre prioritet):
<hr style="color: red">
:
Eksempel
La oss nå endre fargen på linjen ved hjelp av
CSS-egenskapen border.
Legg merke til at linjen vil
bli dobbelt så tykk (fordi vi har satt
ramme både over og under):
<hr style="border: 1px solid red;">
:
Eksempel
La oss prøve å endre fargen på linjen med CSS
egenskapen border-top,
og bare sette øvre ramme. Nå
vil det ikke være dobbeltlinje:
<hr style="border-top: 1px solid red;">
:
Eksempel
La oss lage linjen som prikker ved hjelp av
CSS-egenskapen border-top,
angi verdien dotted i stedet for solid:
<hr style="border-top: 1px dotted red;">
:
Eksempel
La oss øke tykkelsen på linjen ved hjelp av
CSS-egenskapen border-width:
<hr style="border-width: 10px; border-color: red;">
:
Eksempel
Og la oss nå gi linjen en høyde height
og ramme via border.
Rammen vil da deles i øvre og nedre del:
<hr style="height: 10px; border: 1px solid red;">
:
Se også
-
taggen
br,
som definerer linjeskift
