HR-tagget
Tagget hr skaber en vandret
adskillelseslinje. Fordelen ved tagget er, at for at
tegne en enkelt linje er det ikke nødvendigt at
oprette ekstra blokke. Kræver ikke en lukketag.
Eksempel
Lad os se, hvordan tagget hr fungerer:
<hr>
:
Eksempel
Lad os prøve at ændre linjens farve ved hjælp af
CSS-egenskaben border-color:
<hr style="border-color: red;">
:
Eksempel
Linjens farve kan også ændres med egenskaben
color
(hvis både egenskaberne color og border-color
er angivet samtidigt - har den anden forrang):
<hr style="color: red">
:
Eksempel
Lad os nu ændre linjens farve ved hjælp af
CSS-egenskaben border.
Læg mærke til, at linjen herved bliver
dobbelt så tyk (fordi vi har angivet en
grænse både i toppen og i bunden):
<hr style="border: 1px solid red;">
:
Eksempel
Lad os prøve at ændre linjens farve ved hjælp af CSS
egenskaben border-top,
og kun angive den øverste grænse. Nu
vil der ikke være en dobbelt linje:
<hr style="border-top: 1px solid red;">
:
Eksempel
Lad os lave linjen som prikker ved hjælp af
CSS-egenskaben border-top,
angiv værdien dotted i stedet for solid:
<hr style="border-top: 1px dotted red;">
:
Eksempel
Lad os øge linjens tykkelse med
CSS-egenskaben border-width:
<hr style="border-width: 10px; border-color: red;">
:
Eksempel
Og lad os nu tilføje linjen en højde height
og en grænse via border.
Grænsen vil herefter blive opdelt i en øverste og nederste del:
<hr style="height: 10px; border: 1px solid red;">
:
Se også
-
tagget
br,
som indsætter et linjeskift
