webdesign freiburg - dizign.de

CSS-Rahmen

Per CSS lassen sich sehr einfach pixelgenaue Rahmen um Elemente ziehen. In unserem Beispiel wird jeweils die Größe mit 3px angegeben.

Der Code sieht folgendermaßen aus:

 
<div style="border:3px dashed">dashed</div>
<div style="border:3px double">double</div>
<div style="border:3px dotted">dotted</div>
<div style="border:3px groove">groove</div>
<div style="border:3px inset">inset</div>
<div style="border:3px none">none</div>
<div style="border:3px outset">outset</div>
<div style="border:3px ridge">ridge</div>
<div style="border:3px solid">solid</div>
 

Und so sieht es dann aus: