HTML <hr> Tag

Definition und Verwendung

<hr> Tags definieren Themenabgrenzungen in HTML-Seiten (z.B. Änderungen der Themen).

<hr> Elemente werden normalerweise als Horizontallinien angezeigt und dienen zur Trennung von Inhalten auf einer HTML-Seite oder zur Definition von Veränderungen auf dem Inhalt.

Weitere Informationen:

HTML DOM Referenzhandbuch:HR-Objekt

Beispiel

Beispiel 1

Verwendung <hr> Mit Tags können Themenänderungen im Inhalt definiert werden:

<h1>Die Hauptsprachen des Webs</h1>
<p>HTML ist die Standard-Sprache für die Erstellung von Webseiten. HTML beschreibt die Struktur von Webseiten, die aus einer Reihe von Elementen bestehen......</p>
<hr>
<p>CSS ist eine Sprache zur Beschreibung der Anzeige von HTML-Elementen auf dem Bildschirm, Papier oder anderen Medien......</p>
<hr>
<p>JavaScript ist die Programmiersprache für HTML und das Web. JavaScript kann HTML-Inhalte und Attributwerte ändern......</p>

Try It Yourself

Beispiel 2

Ausrichtung <hr> Element (Verwenden Sie CSS):

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

Try It Yourself

Beispiel 3

Ohne Schatten <hr> (Verwenden Sie CSS):

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

Try It Yourself

Example 4

Set <hr> Element height (using CSS):

<hr style="height:30px">

Try It Yourself

Example 5

Set <hr> Element width (using CSS):

<hr style="width:50%">

Try It Yourself

Global Attributes

<hr> The tag also supports Global Attributes in HTML.

event attributes

<hr> The tag also supports Event Attributes in HTML.

Default CSS Settings

Most browsers will display the following default values <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;
}

Try It Yourself

Browser Support

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