Stil mit {stil}

Okt 2008

HTML-Tag hr • Horizontale Linie

Das <hr />-Tag erzeugt eine horizontale Linie.

Der Dokumentenfluss wird unterbrochen, denn das <hr>-Tag erzeugt einen Zeilenumbruch. Der Linie folgt erneut ein Zeilenumbruch und der Dokumentenfluss wird wieder aufgenommen. Der exakte Abstand zwischen dem Text oder den Bildern von der Linie hängt vom jeweiligen Browser ab.

Attribute für hr

Nur Kernattribute

hr-Tag: Farbige Linie

<hr style="color:red; background: red; height:15px; width:350px;">

Die CSS-Eigenschaften color und background werden benutzt, um die Linie farbig darzustellen, da einige Browser color für die Farbe der Linie benutzen und andere Browser background.

hr-Tag: Das Umfließen von schwebenden Elementen beenden

Eigentlich benutzt niemand mehr die spartanischen Linien, die das hr-Tag ohne CSS-Zutaten erzeugt. So hat das hr-Tag eine andere Aufgabe übernommen: Es beendet das Umfließen von Bildern oder Boxen, die durch die CSS-Eigenschaft float umgesetzt wird.

Erst eins,

dann zwei

dann drei

Ein hr-Tag mit den CSS-Eigenschaften

hr { clear: both; visibility: hidden; }

setzt alle Elemente unterhalb des unsichtbaren hr-Tags wieder an den Rand.

Erst eins,

dann zwei

dann drei

Kernattribute und Ereignisse für das hr-Tag

Zum Seitenanfang