CSS Home
CSS Reference
Pseudo Classes & Elements
© 2011 TutorialsPoint.COM
|
CSS - border-bottom-width
Description:
sets the width of the bottom border of an element.
Possible Values:
- length: Any length unit. Length units for this property may not be negative.
- thin: A border which is thinner than a border set to medium.
- medium: A border which is thicker than a border set to thin, and thinner than a border set to thick.
- thick: A border which is thicker than a border set to medium.
Applies to:
All the HTML elements.
DOM Syntax:
object.style.borderBottomWidth="2px";
|
Example:
Following is the example to show all the border width:
<p style="border-width:4px; border-style:solid;">
This is a solid border whose width is 4px.
</p>
<p style="border-width:4pt; border-style:solid;">
This is a solid border whose width is 4pt.
</p>
<p style="border-width:thin; border-style:solid;">
This is a solid border whose width is thin.
</p>
<p style="border-width:medium; border-style:solid;">
This is a solid border whose width is medium;
</p>
<p style="border-width:thick; border-style:solid;">
This is a solid border whose width is thick.
</p>
<p style="border-bottom-width:4px;
border-top-width:10px;
border-left-width: 2px;
border-right-width:15px;
border-style:solid;">
This is a a border with four different width.
</p>
|
This will produce following result:
This is a solid border whose width is 4px.
This is a solid border whose width is 4pt.
This is a solid border whose width is thin.
This is a solid border whose width is medium;
This is a solid border whose width is thick.
This is a a border with four different width.
|
To Become more comfortable - Do Online Practice
|
|
|