border-style
CSS border-style Property
The CSS border-style property is shorthand CSS to specify multiple border-X-style properties for different sides of an element all in one line. Specify one style value to make all borders the same style. Specify two style values to make right-left and top-bottom different style. Specify four style values to independently style each side.
double •• groove •• ridge •• inset •• outset
CSS CODE EXAMPLE
<style type="text/css">
div#myDiv {
border-style: inset;
border-color: #FFC704;
background: #FFF1C4;
padding:6px;
}
div#myOtherDiv {
border-style: dashed dotted ridge solid;
border-color: #66F #0F0 #F00 #999;
border-width: 4px;
padding:16px;
}
</style>
<div id="myDiv">div content ...</div>
<hr />
<div id="myOtherDiv">div content ...</div>
div#myDiv {
border-style: inset;
border-color: #FFC704;
background: #FFF1C4;
padding:6px;
}
div#myOtherDiv {
border-style: dashed dotted ridge solid;
border-color: #66F #0F0 #F00 #999;
border-width: 4px;
padding:16px;
}
</style>
<div id="myDiv">div content ...</div>
<hr />
<div id="myOtherDiv">div content ...</div>
div content ...
div content ...
Possible Values:
none •• hidden •• dotted •• dashed •• soliddouble •• groove •• ridge •• inset •• outset
0 Response to "border-style"
Post a Comment