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:

html<hr>

Результат:

Eksempel

Lad os prøve at ændre linjens farve ved hjælp af CSS-egenskaben border-color:

html<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):

html<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):

html<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:

html<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:

html<hr style="border-top: 1px dotted red;">

Результат:

Eksempel

Lad os øge linjens tykkelse med CSS-egenskaben border-width:

html<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:

html<hr style="height: 10px; border: 1px solid red;">

Результат:

Se også