border-X-style

border-X-style

CSS border-X-style Property

The CSS border-top-style, border-right-style, border-bottom-style and border-left-style properties are used to specify a border style for particular sides of an element. Alternately you can use the border-style property which is shorthand CSS for specifying all four border styles in one line.

CSS CODE EXAMPLE

<style type="text/css">
div#myDiv {
    border-top-style: dashed;
    border-right-style: dotted;
    border-bottom-style: solid;
    border-left-style: double;
    border-color: #66F;
    border-width: 4px;
    padding:16px;
}
</style>
<div id="myDiv">div content ...</div>

 

div content ...

Possible Values:

none •• hidden •• dotted •• dashed •• solid
double •• groove •• ridge •• inset •• outset

Related Properties

border-style
border-color
border-width

click here to code. 

Tweet