CSS border top width is used to set the top border width for html element. The border top for an html element can be display using three properties combination. These three properties are CSS border-top-width, CSS border-top-style and CSS border-top-color.
The syntax for CSS border-top-width is:
|
1 |
border-top-width: specify color here; |
For Example:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<!DOCTYPE html> <html> <head> <title>CSS border-top-width syntax</title> <style> .div-border{ border-top-width:2px; border-top-style:solid; border-top-color:#000; } </style> </head> <body> <div class="div-border"> <p>This is the HTML paragraph inside the div for background size text. This div used to show the border top. This border has given here to display border.</p> </div> </body> </html> |
Output
This is the HTML paragraph inside the div for background size text. This div used to show the border top. This border has given here to display border.
CSS border top width values list
The values and description of this property is used for CSS border top width to specify the border.
| Sr. No. | value | Description |
|---|---|---|
| 1 | border-width | Used to give width of border. The value for this can be in pixel format or percentage format. Check CSS border-width for more detail. |
| 2 | initial | Used to define as the property initial value. |
| 2 | inherit | Used to define the computed value of property on the elements parent. |
CSS border top widthr dotted
In this example we will use to show dotted border-top.
|
1 |
border-top: border-width border-style border-color; |
For Example:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<!DOCTYPE html> <html> <head> <title>CSS border-top-color syntax</title> <style> .div-border{ border-top-width:2px; border-top-style:dotted; border-top-color:#000; } </style> </head> <body> <div class="div-border"> <p>This is the HTML paragraph inside the div for background size text. This div used to show the border top. This border has given here to display border.</p> </div> </body> </html> |
Output
This is the HTML paragraph inside the div for background size text. This div used to show the border top. This border has given here to display border.