All border styles : border style « CSS « HTML / CSS
- HTML / CSS
- CSS
- border style
All border styles
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title></title>
<style type='text/css'>
div {
padding: 10px;
margin: 10px;
border: thick black;
}
</style>
</head>
<body>
<div style='border-style: hidden;'>
border-style: hidden;
</div>
<div style='border-style: dotted;'>
border-style: dotted;
</div>
<div style='border-style: dashed;'>
border-style: dashed;
</div>
<div style='border-style: solid;'>
border-style: solid;
</div>
<div style='border-style: double;'>
border-style: double;
</div>
<div style='border-style: groove;'>
border-style: groove;
</div>
<div style='border-style: ridge;'>
border-style: ridge;
</div>
<div style='border-style: inset;'>
border-style: inset;
</div>
<div style='border-style: outset;'>
border-style: outset;
</div>
<div style='border-style: none;'>
border-style: none;
</div>
</body>
</html>
Related examples in the same category