HTML <hr> etiket

Definition og brug

<hr> etiketter definerer emneadskillelser i HTML-sider (f.eks. skift i emne).

<hr> Elementer vises normalt som horisontale linjer, brugt til at adskille indhold på en HTML-side eller definere ændringer i indholdet.

Se også：

HTML DOM Referencer手册：HR-objektet

Eksempel

Eksempel 1

Brug af <hr> etiketter til at definere ændringer i indholdets emne:

<h1>Web's hovedsprog</h1>
<p>HTML er standardiseret mærkesprog til at skabe websider. HTML beskriver strukturen af en webside, som består af en række elementer......</p>
<hr>
<p>CSS er et sprog til at beskrive, hvordan HTML-elementer vises på skærmen, på papir eller andre medier......</p>
<hr>
<p>JavaScript er programmeringssproget til HTML og Web. JavaScript kan ændre HTML-indhold og egenskabsværdier......</p>

Prøv det selv

Eksempel 2

justering <hr> element (brug af CSS):

<hr style="width:50%;text-align:left;margin-left:0">

Prøv det selv

Eksempel 3

uden skygge <hr> （Brug af CSS）：

<hr style="height:2px;border-width:0;color:gray;background-color:gray">

Prøv det selv

Eksempel 4

Indstil <hr> Elementets højde (brug CSS):

<hr style="height:30px">

Prøv det selv

Eksempel 5

Indstil <hr> Elementets bredde (brug CSS):

<hr style="width:50%">

Prøv det selv

Globale attributter

<hr> Etiketterne understøtter også Globale attributter i HTML.

begivenhedsattributter

<hr> Etiketterne understøtter også Begivenhedsattributter i HTML.

Standard CSS-indstillinger

De fleste browsere vil bruge følgende standardværdier til visning <hr> Element:

hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
}

Prøv det selv

Browser-understøttelse

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support