Border style list : li border « Tags « HTML / CSS

HTML / CSS » Tags » li border 
Border style list
   
<!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
1.LI border top: 1px solid black
2.Shading border for list
3.List item with border
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.