border-styleSet the border style of the element. Note: You must define a border width if you want the border to display. Using border-style by itself will not draw a border. | Value | Description | | solid | A simple solid border style. | | double | A double border style. | | groove | A grooved border style. | | dotted | A dotted border style. | | dashed | A dashed border style. | | inset | An inset border style. | | outset | An outset border style. | | ridge | A ridged border style. | | hidden | A hidden border style. This will make the border invisible. | | four-sides | There are four values that you can define. Each value will correspond to a specific side. The corresponding directions to values are: top, right, bottom, left. | | width-key-term | Define the border width with key terms. Available terms: thin, medium, and thick. |
Code:p { border-style: solid;
border-width: 3px; } Display:This element has a border-style defined. Compatibility Issues:IE 5.0 - Does not support "dotted" or "dashed" border styles. |