CSS Borders
Border Style
border-style: none / hidden / dotted / dashed / solid /
double / groove / ridge / inset / outset;
none - No border.
hidden - Borders will not appear.
dotted - Dotted
dashed - Dashed
solid - Solid
double - Double
groove - Groove
ridge - Ridge
inset - Inset
outset - Outset
Border Width
border-width: thin / medium / thick / value;
thin - A border of 1px in width.
medium - A border of 3px in width.
thick - A border of 5px in width.
value - The width in pixels.
Border Color
border-color: name / code;
name - The name of a color. There are many different words which are recognised, such as aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow.
code - The hex code for a color.
Combining them all
You can combine the different style properties for a border in one line of CSS code;border: width style color;
The width, style and color are all specified in the same way as they are individually.
Individually styling borders
You can style the top, bottom, left and right borders individually;border-top: width style color;
border-bottom: width style color;
border-left: width style color;
border-right: width style color;
border-bottom: width style color;
border-left: width style color;
border-right: width style color;