CSS border styles

Just a short handy reminder on how certain borders look. Below are a few illustrations of how the different borders available with cascading style sheets look. The thickness is set to 2 pixels.

Solid
Ridge
Outset
Inset
Groove
Dotted
Dashed


Source:
<div style="border-bottom:2px solid #000000">Solid</div><br />
<div style="border-bottom:2px ridge #000000">Ridge</div><br />
<div style="border-bottom:2px outset #000000">Outset</div><br />
<div style="border-bottom:2px inset #000000">Inset</div><br />
<div style="border-bottom:2px groove #000000">Groove</div><br />
<div style="border-bottom:2px dotted #000000">Dotted</div><br />
<div style="border-bottom:2px dashed #000000">Dashed</div><br />
Written by: Dag Jonny Nedrelid
©2007-2012 http://thronic.com

Feel free to leave a comment.
Name:
URL:
0