• Home
• »»
• CSS-Tutorial
• »»
• Rahmenformatierung mit CSS

Mit CSS kann man beliebige Elemente mit Umrahmungen versehen.
Dabei ist es sogar möglich, nur einseitige Rahmen zu definieren, sowie die Form zu beeinflussen. Hier ein paar Beispiele:

Zelle 1

Zelle 2

Zelle 3

Zelle 4

Zelle 5

Und ein Absatz mit einem Rahmen drum rum.

Und hier der Quelltext:

<style type="text/css">
<!--
td.mit{border-style:solid;border-width:2px;border-color:#000000}

td.dick{border:groove 8px #A0A0A0;}
p{border:dotted 2px #0000FF;}
//-->
</style>

Verschiedene Stilformen für Rahmen :

• none = kein Rahmen
• hidden = kein Rahmen
• dotted = gepunktet
• dashed = gestrichelt
• solid = durchgezogen
• double = doppelt durchgezogen
• groove = 3D-Effekt
• ridge = 3D-Effekt
• inset = 3D-Effekt
• outset = 3D-Effekt

Wieder ein Versions-Problem: Wenn man die blauen Rahmen massiv sieht, unterstützt der Browser keine gepunkteten, gestrichelten und doppelten Rahmen