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:

html<hr>

Результат:

Exempel

Låt oss försöka ändra linjens färg med hjälp av CSS-egenskapen border-color:

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

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

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

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

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

Результат:

Exempel

Låt oss öka linjens tjocklek med hjälp av CSS-egenskapen border-width:

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

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

Результат:

Se även