Inhaltselement: Linie

Mit dem Inhaltselement „Linie“ kannst du deine Inhalte mit Schmucklinien strukturieren. Das Element ist eigentlich ein sogenanntes div, ein Container. Du kannst zum einen die Höhe dieses Containers einstellen, das wäre die Linienstärke und zum anderen einen Rahmen um diesen Container anlegen, der eine eigene Rahmenstärke bekommen kann. Dadurch sind sehr interessante Linien möglich. Wenn du dem Container keinen Rahmen gibst und die Höhe auf 1px setzt, hast du eine einfache 1px starke Linie, die auf jedem Browser gleich aussieht.

 

Du kannst hier einen Wert zwischen 20 und 100% eintragen. Bei 100% ist die Linie so breit wie die Spalte in der sie sich befindet.

 

Hiermit kannst du festlegen, ob eine Linie, die nicht 100% der Breite einer Spalte einnimmt, nach links, nach rechts oder mittig ausgerichtet werden soll.

 

Mit der Option Rahmen legst du fest, welches Aussehen die Linie haben soll. Du kannst durchgehende, gepunktete, gestrichelte und doppelte Linien erzeugen. Die Rahmenstärke kann 0px bis 10px betragen, wobei eine Linie mit 0px Rahmenstärke natürlich nicht sichtbar ist. Außerdem kannst du der Linie eine Farbe geben.

 

Auf der rechten Seite siehst du eine Live-Vorschau. Der eingebaute Text gibt dir ein Gefühl, wie deine gestaltete Linie zusammen mit Text wirkt. Änderungen werden dort sofort angezeigt. Die Textgröße wird von den Designvorgaben deiner Seite bestimmt.

 

Änderungen wirken sich erst aus, wenn du diese speicherst. Schließt du den Dialog mit dem Button "Abbrechen" so gehen alle Änderungen verloren.

 

 

Schau dir unser Video-Tutorial zum Thema "Inhaltselement: Linie" an.

 

Für Linien gab es früher wesentlich umfangreichere Einstellungen, da die Linie technisch anders aufgebaut war. Wir haben uns entschlossen, dass zu vereinfachen. Wenn du alte Linien hast, bleiben diese erhalten und du kannst die Linien auch weiterhin mit dem alten Dialog bearbeiten. Möchtest du auf solche Linien nicht verzichten, dann kopiere einfach eine alte Linie in die Ablage. Damit kannst du dann weiterhin Kopien solcher Linien erzeugen. Jede neu angelegte Linie ist wie hier beschrieben aufgebaut.