Sie sind hier: Startseite -> CSS-Grundlagen -> Rahmen -> Rahmentyp

CSS-Grundlagen: Rahmentyp

Rahmentyp: die Art des Rahmens

Der Rahmen rund um ein Element auf der Webseite kann ein völlig unterschiedliches Aussehen haben, denn CSS bietet viele Optionen an. Allerdings muss man vorsichtig im Umgang sein, denn so manch Stil könnte bei manchen Browsern nicht angezeigt werden. Die Standardeinstellungen wie solid oder double sind aber kein Problem.

Der Rahmentyp zählt mit der Farbe und der Rahmenstärke zu den drei Angaben, die notwendig sind, damit man den Rahmen überhaupt sehen kann.

ergibt:

Ein erster Rahmen

Jetzt ist er doppelt

Gepunktete Linie

Gestrichelte Linie

3D-Effekt (groove)

Erhabener Rahmen

Noch ein 3D-Effekt (inset)

Ein letzter 3D-Effekt (outset)

Wie die Beispiele zeigen, gibt es verschiedenste Varianten, wobei sämtliche Rahmen jetzt zusammengefasst wurden, das heißt, dass für alle vier Seiten die gleichen Spielregeln gelten. Das sind in diesem Fall ein Pixel Breite (= Rahmenstärke) und die gleiche Rahmenfarbe auf allen Seiten. Geändert hat sich der Stil.

Man hätte für jede Seite mit border-top-style, border-right-style, border-bottom-style und border-left-style individuelle Stile angeben können. Ebenfalls hätte man für die 3D-Rahmentypen stärkere Rahmen wählen können - nein, wählen müssen, damit sie zur Geltung kommen. Doch hier ging es rein um die Demonstration.

Und nochmals sei der Hinweis erlaubt, dass nicht jeder Browser die Rahmen richtig oder überhaupt darstellen kann. Will man sicher sein, dass der Rahmen gesehen wird, sollte man konservativ die Basiseinstellungen wählen. Solid wird deshalb mit großem Abstand am meisten genützt.

Zwei Einstellungen gibt es noch für den Rahmentyp, nämlich none und hidden. Beide haben zur Konsequenz, dass der Rahmen nicht gesehen wird, weshalb das Weglassen des Rahmenaufrufes die gleiche Wirkung hätte.

Ebenfalls interessant:

Rahmenstärke

Informationen über die Rahmenstärke, wie sie bei CSS für Webseitenelemente und deren Rahmen eingestellt werden können.

Rahmenfarbe

Informationen über die Rahmenfarbe bei der CSS-Programmierung von Rahmen auf der Webseite.

[aktuelle Seite]

Rahmentyp

Informationen über den Rahmentyp in CSS, mit dem die Rahmen von Elemente auf der Webseite gestaltet werden können.

Zusammenfassung

Informationen über die Zusammenfassung von CSS-Vorgaben für die Rahmen der Elemente auf einer Webseite.

Soziale Medien

Wenn der Artikel gefallen und/oder geholfen hat, bitte teilen:

Zurück zum Hauptthema

Übersicht Rahmen

Startseite CSS-Grundlagen