border-right-style : solid
border-right-style : dotted
border-right-style : dashed
border-right-style : double
border-right-style : groove
border-right-style : ridge
border-right-style : inset
border-right-style : outset
<style type="text/css">
.css_test {
text-align : center;
}
.css_test div {
border : 6px solid gray;
display : inline-block;
height : 150px;
line-height : 150px !important;
margin : 5px;
width : 200px;
}
</style>
<div class="css_test">
<div style="CSS_NAME:solid;">CSS_NAME : solid</div>
<div style="CSS_NAME:dotted;">CSS_NAME : dotted</div>
<div style="CSS_NAME:dashed;">CSS_NAME : dashed</div>
<div style="CSS_NAME:double;">CSS_NAME : double</div>
<div style="CSS_NAME:groove;">CSS_NAME : groove</div>
<div style="CSS_NAME:ridge;">CSS_NAME : ridge</div>
<div style="CSS_NAME:inset;">CSS_NAME : inset</div>
<div style="CSS_NAME:outset;">CSS_NAME : outset</div>
</div>