Property | Values | Description |
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