CSS border style is used to give the style of the border to an HTML element.
The style is useful when you want to make your border stylish.
Syntax
|
1 |
border-style: specify style here; |
|
1 2 3 4 5 6 7 8 9 10 |
<style> .div-border{ border-width:1px; border-style:solid; border-color:red; } </style> <div class="div-border"> <p>This is the paragraph to show border stle property.</p> </div> |
Output
This is the paragraph to show border stle property.
CSS border style values list
| Sr. No. | value | Description |
|---|---|---|
| 1 | border-style | Used to give style for border. The value for this can be from none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset. Check CSS border-style for more detail. |
| 2 | initial | Used to define as the property initial value. |
| 3 | inherit | Used to define the computed value of property on the elements parent. |