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:

html<hr>

Результат:

Eksempel

La oss prøve å endre fargen på linjen ved hjelp av CSS-egenskapen border-color:

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

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

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

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

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

Результат:

Eksempel

La oss øke tykkelsen på linjen ved hjelp av CSS-egenskapen border-width:

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

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

Результат:

Se også