De hr-tag

De tag hr definieert een horizontale scheidingslijn. Het voordeel van de tag is dat er geen overbodige blokken nodig zijn om een enkele lijn te trekken. Vereist geen sluitende tag.

Voorbeeld

Laten we kijken hoe de tag hr werkt:

:

Voorbeeld

Laten we proberen de kleur van de lijn te veranderen met behulp van de CSS-eigenschap border-color:

:

Voorbeeld

De kleur van de lijn kan ook worden gewijzigd met de eigenschap color (als zowel de eigenschappen color als border-color zijn ingesteld, heeft de tweede voorrang):

:

Voorbeeld

Laten we nu de kleur van de lijn veranderen met behulp van de CSS-eigenschap border. Let op dat de lijn hierdoor dubbel zo dik wordt (omdat we een rand zowel boven als onder hebben ingesteld):

:

Voorbeeld

Laten we proberen de kleur van de lijn te veranderen met behulp van de CSS eigenschap border-top, en alleen de bovenrand instellen. Nu zal er geen dubbele lijn zijn:

:

Voorbeeld

Laten we van de lijn een stippellijn maken met behulp van de CSS-eigenschap border-top, en de waarde dotted instellen in plaats van solid:

:

Voorbeeld

Laten we de dikte van de lijn vergroten met behulp van de CSS-eigenschap border-width:

:

Voorbeeld

Laten we nu een hoogte height toevoegen aan de lijn en een rand via border. De rand splitst zich hierdoor in een bovenste en een onderste:

:

Zie ook