border-style: style;
dotted
dashed
solid
double
groove
ridge
inset
outset
none
hidden
Other Properties:
border-width: ;
border-color: ;
Specifies what type of border to display.
border-top-style: ;
border-right-style: ;
border-bottom-style: ;
border-left-style: ;
border-top-width: ;
border-top-color: ;
To style a specific border side.
border-radius: 50%;
border-top-left-radius: ;
border-top-right-radius: ;
border-bottom-right-radius: ;
border-bottom-left-radius: ;
To curve borders of an element.
outline-style:
outline-color:
outline-width:
Outline properties, uses the same values as border.
border-image: url(image.jpg) 30 stretch;
border-image-source: url('image.jpg'); // to use an image as a border
border-image-slice: 30; // divides the image
border-image-repeat: stretch; // defines how images should fit into their dimensions
border-image-outset: 15px; // sets the distance between border and border-box
To use an image for setting borders.