border-X-width

border-X-width

CSS border-X-width Property

The CSS border-left-width, border-top-width, border-right-width and border-bottom-width properties are all used to specify border sizes for their specific side of an element. To apply shorthand CSS for all of these use the border-width property instead.

CSS CODE EXAMPLE

<style type="text/css">
div#myDiv {
    border-color: #00BFBF;
    border-style: solid;
    border-left-width: 2px;
    border-top-width: 6px;
    border-right-width: 12px;
    border-bottom-width: 24px;
}
</style>
<div id="myDiv">div content ...</div>

 

div content ...

Possible Values:

Number
Example: "5px"
Thickness keyword
thin • • medium • • thick

Related Properties
border-width
border-style
border-color

click here to code. 

Tweet