border-width

border-width

CSS border-width Property

The CSS border-width property is shorthand CSS for specifying multiple border-X-width properties. Specify one width value to make all borders the same size. Specify two width values to make right-left and top-bottom different sizes. Specify four width values to independently size each side.

CSS CODE EXAMPLE

<style type="text/css">
div#myDiv {
    border-color: #F0F;
    border-style: solid;
    border-width: 1px 5px 10px 20px; /* top right btm left */
}
</style>
<div id="myDiv">div content ...</div>

 

div content ...

Possible Values:

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

click here to code. 

Tweet