Element-Referenz
HTML 5 doctype - weil html einfach einfach ist.
nach oben

    <hr>

    Bedeutung

    Themenwechsel auf Absatzebene (durch eine Trennlinie gekennzeichnet)


    Notation

    <hr [Attribute]>[Elementinhalt]</hr>

    Elternelemente

    Kann gemäß der HTML5 Spezifikation innerhalb der folgenden Elemente vorkommen:

    zum <blockquote> Element<blockquote>, zum <body> Element<body>, zum <button> Element<button>, zum <dd> Element<dd>, zum <del> Element<del>, zum <div> Element<div>, zum <fieldset> Element<fieldset>, zum <form> Element<form>, zum <iframe> Element<iframe>, zum <ins> Element<ins>, zum <li> Element<li>, zum <map> Element<map>, zum <noscript> Element<noscript>, zum <object> Element<object>, zum <td> Element<td> und zum <th> Element<th>.


    Elementinhalt

    void-Element, darf keinen End-Tag haben und ist ohne Inhalt.


    Attribute

    Das Element hat keine elementspezifischen Attribute.

    Des Weiteren kann das Element folgende allgemeinen Attribute und Event-Handler enthalten:
    zum HTML5 Attribut accesskeyaccesskey | zum HTML5 Attribut classclass | zum HTML5 Attribut contenteditablecontenteditable | zum HTML5 Attribut contextmenucontextmenu | zum HTML5 Attribut datadata | zum HTML5 Attribut dirdir | zum HTML5 Attribut draggabledraggable | zum HTML5 Attribut hiddenhidden | zum HTML5 Attribut idid | zum HTML5 Attribut itemitem | zum HTML5 Attribut itempropitemprop | zum HTML5 Attribut langlang | zum HTML5 Attribut spellcheckspellcheck | zum HTML5 Attribut stylestyle | zum HTML5 Attribut subjectsubject | zum HTML5 Attribut tabindextabindex | zum HTML5 Attribut titletitle

    onabort | onblur | onchange | onclick | oncontextmenu | ondblclick | ondrag | ondragend | ondragenter | ondragleave | ondragover | ondragstart | ondrop | onfocus | onkeydown | onkeypress | onkeyup | onmousedown | onmousemove | onmouseout | onmouseover | onmouseup | onmousewheel | onscroll


    Standard-Style-Formateigenschaften

    hr {
       display: block;
       margin-before: 0.5em;
       margin-after: 0.5em;
       margin-start: auto;
       margin-end: auto;
       border-style: inset;
       border-width: 1px;
    }


    Beispiel
    <p>Hier ist ein Absatz zu Ende, es soll ein Themenwechsel erfolgen.</p>
    <hr />
    <p>Hier beginnt ein thematisch neuer Absatz.</p>
    Anzeigebeispiel

    Hier ist ein Absatz zu Ende, es soll ein Themenwechsel erfolgen.


    Hier beginnt ein thematisch neuer Absatz.

    Erläuterung

    Das Element <hr />InformationBedeutung: <hr />horizontal rule; horizontale Linie fügt für einen Themenwechsel auf Absatzebene eine Trennlinie ein.

    Es ist irrelevant ob das Element am Ende des vorherigen Absatzes, oder in einer eigenen Zeile, oder am Anfang des folgenden Absatzes notiert wird.


    W3C Logo & WHATWG Logo Spezifikation

    Tastaturkürzel