Set Border Width to thin medium or thick

Description

The following code shows how to set Border Width to thin medium or thick.

Example


<html>
<head>
<style rel='stylesheet' type='text/css'>
div {<!--   w  ww  .java  2 s .  co  m-->
    padding: 3px;
    border-color: black;
    border-style: solid;
    background: mistyrose;
    margin: 5px;
}
div#thin {
    border-width: thin;
}
div#medium {
    border-width: medium;
}

div#thick {
    border-width: thick;
}
</style>
</head>
<body>
    <div id='thin'>thin</div>
    <div id='medium'>medium</div>
    <div id='thick'>thick</div>
</body>
</html>

Click to view the demo





















Home »
  HTML CSS »
    CSS »




CSS Introduction
CSS Background
CSS Border
CSS Box Layout
CSS Text
CSS Font
CSS Form
CSS List
CSS Selectors
CSS Others
CSS Table