Horizontale und senkrechte Trennlinien

Mittels des HTML-Tags <hr> lassen sich spielend leicht horizontale Trennlinien erstellen. Dies ist kein Geheimnis und schon seit Ewigkeiten in HTML implementiert. Doch es ist auch möglich, senkrechte Trennlinien zu erstellen – und das ohne viel Aufwand. Dieser Trick ist auch mit reinem HTML zu bewerkstelligen. Jedoch interpretieren Browser diese Angabe nicht unbedingt alle gleich, darüber hinaus ist HTML nicht mehr für die Gestaltung von Elementen vorgesehen.

Anhand des folgenden Beispiels zeige ich dir, wie du mit Hilfe von CSS eine senkrechte Trennlinie erstellen kannst.

 

Code-Beispiel CSS:

<hr noshade style="background-color: black; height: 100px; width: 1px;">

 

Du kannst die Style-Definition der Trennlinie in ein externes Stylesheet auslagern. Natürlich lassen sich die Trennlinien vielfältig gestalten. Schau dir für weitere Informationen zu diesem Thema den Artikel „Trennlinien mittels CSS gestalten“ an.

 


Dir gefällt dieser Artikel?

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.