Tagg hr
Tagg hr skapar en avskiljande horisontell
linje. Fördelen med taggen är att för att
rita en enskild linje behöver man inte
skapa onödiga block. Kräver ingen avslutande
tagg.
Exempel
Låt oss se hur tagg hr fungerar:
<hr>
:
Exempel
Låt oss försöka ändra linjens färg med hjälp av
CSS-egenskapen border-color:
<hr style="border-color: red;">
:
Exempel
Linjens färg kan också ändras med egenskapen
color
(om både egenskaperna
color och border-color
är angivna samtidigt har den andra prioritet):
<hr style="color: red">
:
Exempel
Låt oss nu ändra linjens färg med hjälp av
CSS-egenskapen border.
Observera att linjen då
blir dubbelt så tjock (eftersom vi satte
en ram både upptill och nedtill):
<hr style="border: 1px solid red;">
:
Exempel
Låt oss försöka ändra linjens färg med hjälp av CSS-
egenskapen border-top,
och bara sätta en övre ram. Nu
kommer det inte att finnas någon dubbellinje:
<hr style="border-top: 1px solid red;">
:
Exempel
Låt oss göra linjen i form av punkter med hjälp av
CSS-egenskapen border-top,
sätt värdet dotted istället för solid:
<hr style="border-top: 1px dotted red;">
:
Exempel
Låt oss öka linjens tjocklek med hjälp av
CSS-egenskapen border-width:
<hr style="border-width: 10px; border-color: red;">
:
Exempel
Och låt oss nu lägga till höjd height
till linjen och en ram via border.
Ramen kommer då att delas upp i övre och nedre:
<hr style="height: 10px; border: 1px solid red;">
:
Se även
-
tagg
br,
som skapar en radbrytning
