Border Shorthand Code
border: 1px solid black;
border: 1px dotted black;
border: 1px dashed black;
border: 3px double black;
border: 3px groove black;
border: 3px ridge black;
border: 3px inset black;
border: 3px outset black;
solid
dotted
dashed
double
groove
ridge
inset
outset
Border Shorthand Code With Border Radius
border-radius:25px;
border: 1px solid black; border-radius:25px;
border: 1px dotted black; border-radius:25px;
border: 1px dashed black; border-radius:25px;
border: 3px double black; border-radius:25px;
border: 3px groove black; border-radius:25px;
border: 3px ridge black; border-radius:25px;
border: 3px inset black; border-radius:25px;
border: 3px outset black; border-radius:25px;
Border Longhand Code For A Single Border All The Way Around
border-width:1px; border-style:solid; border-color:blue;
border-width:1px; border-style:solid; border-color:blue; border-radius:25px;
Border Longhand Code For Customizing Each Side
border-top-width:4px; border-top-style: double; border-top-color:red;
border-right-width:8px; border-right-style: outset; border-right-color:green;
border-bottom-width:4px; border-bottom-style: solid; border-bottom-color:blue;
border-left-width:8px; border-left-style: dotted; border-left-color:orange;
border-top-width:4px; border-top-style: double; border-top-color:red;
border-right-width:8px; border-right-style: outset; border-right-color:green;
border-bottom-width:4px; border-bottom-style: solid; border-bottom-color:blue;
border-left-width:8px; border-left-style: dotted; border-left-color:orange;