There are three characteristics you can set for the border elements.
By combining the 4 possible parts of the border element (border-top, border-right, border-bottom, border-left, border) with all possible characteristics (width, color, style or all) we get 20 possible properties that can be set for the border element as given below.
| Properties | WIDTH | COLOR | STYLE | ALL |
|---|---|---|---|---|
| boder-top | border-top-width | border-top-color | border-top-style | border-top |
| boder-right | border-right-width | border-right-color | border-right-style | border-right |
| boder-bottom | border-bottom-width | border-bottom-color | border-bottom-style | border-bottom |
| boder-left | border-left-width | border-left-color | border-left-style | border-left |
<width> - The possible values are.
| Values | Description |
|---|---|
| <length> | specifies a fixed width. |
thin | medium | thick | |
inherit |
<color> - The possible values are
| Values | Description |
|---|---|
| <color> | |
inherit |
<style> - The possible values are
| Values | Description |
|---|---|
none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | |
inherit |
