<hr>: Das Thematische Unterbrechungselement (Horizontale Linie)

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Das <hr> HTML-Element repräsentiert eine thematische Unterbrechung zwischen Absatzelementen: zum Beispiel ein Szenenwechsel in einer Geschichte oder ein Themenwechsel innerhalb eines Abschnitts.

Probieren Sie es aus

Historisch wurde dies als horizontale Linie dargestellt. Während es in visuellen Browsern noch als horizontale Linie angezeigt werden kann, wird dieses Element nun semantisch und nicht mehr präsentationstechnisch definiert. Wenn Sie also eine horizontale Linie zeichnen möchten, sollten Sie dies mit geeignetem CSS tun.

Attribute

Die Attribute dieses Elements umfassen die globalen Attribute.

align Veraltet Nicht standardisiert

Legt die Ausrichtung der Linie auf der Seite fest. Wenn kein Wert angegeben wird, ist der Standardwert left.

color Veraltet Nicht standardisiert

Legt die Farbe der Linie durch Farbnamen oder hexadezimalen Wert fest.

noshade Veraltet Nicht standardisiert

Setzt die Linie auf keine Schattierung.

size Veraltet Nicht standardisiert

Legt die Höhe der Linie in Pixeln fest.

width Veraltet Nicht standardisiert

Legt die Länge der Linie auf der Seite durch einen Pixel- oder Prozentwert fest.

Beispiel

HTML

html
<p>
  This is the first paragraph of text. This is the first paragraph of text. This
  is the first paragraph of text. This is the first paragraph of text.
</p>

<hr />

<p>
  This is the second paragraph of text. This is the second paragraph of text.
  This is the second paragraph of text. This is the second paragraph of text.
</p>

Ergebnis

Technische Übersicht

Inhaltskategorien Flussinhalt.
Erlaubter Inhalt Keiner; es ist ein leeres Element.
Tag-Auslassung Muss ein Start-Tag haben und darf keinen End-Tag haben.
Erlaubte Eltern
Implizite ARIA-Rolle separator
Erlaubte ARIA-Rollen presentation oder none
DOM-Schnittstelle [`HTMLHRElement`](/de/docs/Web/API/HTMLHRElement)

Spezifikationen

Specification
HTML
# the-hr-element

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
hr
align
DeprecatedNon-standard
color
DeprecatedNon-standard
<hr> in <select>
noshade
DeprecatedNon-standard
size
DeprecatedNon-standard
width
DeprecatedNon-standard

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Partial support
Partial support
No support
No support
Non-standard. Check cross-browser support before using.
Deprecated. Not for use in new websites.

Siehe auch