CSS border styles

CSS border styles

November 18, 2008 in CSS
Written by: Dag Jonny Nedrelid

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 />

Leave a Reply





Welcome to Thronic.com

My name is Dag Jonny Nedrelid. I'm an IT consultant and computer programmer who lives in Southern Norway. Computers have been one of my hobbies and line of work since 1995.

If you want to contact me, you can send me an e-mail. My e-mail address