border-style
Syntax:

border-style: dotted | dashed | solid | double | groove | ridge | inset | window-inset (only IE) | outset | none


<style type="text/css">
.demo1 {
   border-width: 3px;
   border-color: #FF0000;
   border-style: dotted;
   background-color: #00FF00;
   width: 200px;
   height: 50px;
}
</style>
<div class="demo1"></div>
<style type="text/css">
.demo2 {
   border-width: 3px;
   border-color: #FF0000;
   border-style: dashed;
   background-color: #00FF00;
   width: 200px;
   height: 50px;
}
</style>
<div class="demo2"></div>
<style type="text/css">
.demo3 {
   border-width: 3px;
   border-color: #FF0000;
   border-style: solid;
   background-color: #00FF00;
   width: 200px;
   height: 50px;
}
</style>
<div class="demo3"></div>
<style type="text/css">
.demo4 {
   border-width: 3px;
   border-color: #FF0000;
   border-style: double;
   background-color: #00FF00;
   width: 200px;
   height: 50px;
}
</style>
<div class="demo4"></div>
<style type="text/css">
.demo5 {
   border-width: 3px;
   border-color: #FF0000;
   border-style: groove;
   background-color: #00FF00;
   width: 200px;
   height: 50px;
}
</style>
<div class="demo5"></div>
<style type="text/css">
.demo6 {
   border-width: 3px;
   border-color: #FF0000;
   border-style: ridge;
   background-color: #00FF00;
   width: 200px;
   height: 50px;
}
</style>
<div class="demo6"></div>
<style type="text/css">
.demo7 {
   border-width: 3px;
   border-color: #FF0000;
   border-style: inset;
   background-color: #00FF00;
   width: 200px;
   height: 50px;
}
</style>
<div class="demo7"></div>
<style type="text/css">
.demo8 {
   border-width: 3px;
   border-color: #FF0000;
   border-style: window-inset;
   background-color: #00FF00;
   width: 200px;
   height: 50px;
}
</style>
<div class="demo8"></div>
<style type="text/css">
.demo9 {
   border-width: 3px;
   border-color: #FF0000;
   border-style: outset;
   background-color: #00FF00;
   width: 200px;
   height: 50px;
}
</style>
<div class="demo9"></div>
<style type="text/css">
.demo10 {
   border-width: 3px;
   border-color: #FF0000;
   border-style: none;
   background-color: #00FF00;
   width: 200px;
   height: 50px;
}
</style>
<div class="demo10"></div>