Kemmerzell.org


CSS: Gepunktete Linie als Rahmen

Von Maximilian · 05.04.2014 · Kategorie: CSS

Beim Designen und Programmieren einer neuen Internetseite setzt man mittlerweile gerne auf klare Strukturen und ein einfaches Design. Doch um bestimmte Bereiche voneinander zu trennen, werden zwangsläufig Rahmen benötigt, sodass das Ende eines bestimmten Elementes klar erkannt werden kann. Dazu werden meist durchgehende Linien als Rahmen verwendet. Doch zur Abwechslung könnten auch gepunktete Linien verwendet werden. Aber wie geht das eigentlich?

Das ist grundsätzlich ganz einfach. Denn dazu kann man einfach auf die border-style-Eigenschaft von CSS zurückgreifen. Diese bringt die entsprechende Anweisung standardmäßig bereits mit. Denn dazu weist man der Eigenschaft einfach den Wert dotted zu. Umgesetzt in CSS-Code sähe dies dann folgendermaßen aus:

Bei dieser Umsetzung hätte das entsprechende Element der Klasse gepunktet auf allen vier Seiten einen gepunkteten Rahmen. Will man aber nur einen gepunkteten Rahmen auf einer Seite, lässt sich dies auch ganz einfach lösen. So sähe dies folgendermaßen aus, wenn man nur einen gepunkteten Rahmen auf der unteren Seite des entsprechenden Elementes haben möchte:

Grundsätzlich ist die Verwendung einer gepunkteten Linie als Rahmen für ein Element also recht einfach und lässt sich einfach umsetzen. Zudem bringt man dadurch mal ein wenig Abwechslung auf die eigenen Websites, sodass sich der Einsatz in bestimmten Fällen durchaus empfiehlt. Grundsätzlich muss es aber natürlich immer zum Design der eigenen Seite passen.

Kommentieren Teilen +1 Twittern
Dieser Artikel wurde von +Maximilian verfasst.
Kommentare
Einen eigenen Kommentar hinterlassen




Newsletter

Um unseren Newsletter zu abonnieren, tragen Sie bitte einfach Ihre Email-Adresse unten ein. Sie werden daraufhin eine Bestätigungsmail erhalten!

Jetzt den RSS-Feed abonnieren!

Klicke hier und abonniere den RSS-Feed, um immer auf dem neusten Stand zu bleiben.

Tipp senden

Du hast etwas entdeckt, über das wir noch nicht berichtet haben? Dann schicke uns doch einen Hinweis zu!

Klicke einfach auf den unteren Button, fülle das Formular aus und wenn das Thema passt, erscheint bei uns schon bald ein Artikel zu deiner Entdeckung.

Jetzt Tipp senden!