CSS Border Styles
PropertyValuesDescription
border border-width
border-style
border-color
Sets all of the properties for the four borders in one statement
border-bottom border-bottom-width
border-style
border-color
Sets all of the properties for the bottom border in one statement
border-bottom-width thin
medium
thick
length
Sets the width of the bottom border
border-color color Sets the color of the four borders, can have from one to four colors
border-left border-left-width
border-style
border-color
Sets all of the properties for the left border in one statement
border-left-width thin
medium
thick
length
Sets the width of the left border
border-right border-right-width
border-style
border-color
Sets all of the properties for the right border in one statement
border-right-width thin
medium
thick
length
Sets the width of the right border
border-style none
dotted
dashed
solid
double
groove
ridge
inset
outset
Sets the style of the four borders, can have from one to four styles
border-top border-top-width
border-style
border-color
Sets all of the properties for the top border in one statement
border-top-width thin
medium
thick
length
Sets the width of the top border
border-width thin
medium
thick
length
Sets the width of the four borders in one statement, can have from one to four values



This is a test
If you specify all 4 than they come out the way you want them
This one has border-style : solid double dashed dotted





This is a test
If you specify all 2 than sides come out the same as opposite side
This one has border-style : solid dotted







This is a test
In this one I changed the border width of only the bottom with
border-bottom-width : 25pt
Note : This will only work if a style has been set first







This is a test
This one changes only the border-left attributes
I used border-left : 10pt dotted blue
You must put them in order of width style and color