Set Border width in one, two, three or four values
Description
The following code shows how to set Border width in one, two, three or four values.
Example
<!DOCTYPE HTML>
<html>
<head>
<style rel='stylesheet' type='text/css'>
div {<!--from ww w. j a v a 2 s . co m-->
padding: 3px;
border-color: khaki;
border-style: solid;
background: lightyellow;
margin: 5px;
float: left;
width: 80px;
height: 80px;
}
div#one {
border-width: 8px;
}
div#two {
border-width: 2px 8px;
}
div#three {
border-width: 2px 8px 16px;
}
div#four {
border-width: 2px 8px 16px 32px;
}
</style>
</head>
<body>
<div id='one'>border-width: 8px;</div>
<div id='two'>border-width: 2px 4px;</div>
<div id='three'>border-width: 2px 4px 8px;</div>
<div id='four'>border-width: 2px 4px 8px 10px;</div>
</body>
</html>