HTML <hr> etikett

Definition och användning

<hr> Taggar definierar ämnesavgränsningar i HTML-sidor (t.ex. ämnesförändringar).

<hr> Element visas vanligtvis som horisontella linjer och används för att skilja innehåll på HTML-sidor eller definiera förändringar i innehållet.

Se också:

HTML DOM-handboken:HR-objektet

Exempel

Exempel 1

Använd <hr> Taggar för att definiera ämnesförändringar i innehållet:

<h1>Webbens huvudspråk</h1>
<p>HTML är den standardiserade markeringsspråket för att skapa webbsidor. HTML beskriver strukturen på webbsidor, som består av en rad element...</p>
<hr>
<p>CSS är ett språk för att beskriva hur HTML-element ska visas på skärmen, på papper eller på andra medier...</p>
<hr>
<p>JavaScript är språket för HTML och Webben. JavaScript kan ändra HTML-innehåll och egenskapsvärden...</p>

Prova själv

例子 2

对齐 <hr> 元素（使用 CSS）：

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

Prova själv

例子 3

没有阴影的 <hr> （使用 CSS）：

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

Prova själv

Exempel 4

Ställ in <hr> Elementets höjd (använd CSS):

<hr style="height:30px">

Prova själv

Exempel 5

Ställ in <hr> Elementets bredd (använd CSS):

<hr style="width:50%">

Prova själv

Globala egenskaper

<hr> Taggen stöder också Globala egenskaper i HTML。

händelseegenskaper

<hr> Taggen stöder också Händelseegenskaper i HTML。

Standarda CSS-inställningar

De flesta webbläsare kommer att använda följande standardvärden för att visa <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;
}

Prova själv

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd