third_party/WebKit/LayoutTests/css2.1/t0805-c5517-brdr-s-00-c.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
   2 <html>
   3  <head>
   4   <title>CSS 2.1 Test Suite: border-style</title>
   5   <style type="text/css">
   6    .one {border-style: dotted; border-color: navy; border-width: thick;}
   7    .two {border-style: dashed; border-color: navy; border-width: thick;}
   8    .three {border-style: solid; border-color: navy; border-width: thick;}
   9    .four {border-style: double; border-color: navy; border-width: thick;}
  10    .five {border-style: groove; border-color: orange; border-width: thick;}
  11    .six {border-style: ridge; border-color: orange; border-width: thick;}
  12    .seven {border-style: inset; border-color: orange; border-width: thick;}
  13    .eight {border-style: outset; border-color: orange; border-width: thick;}
  14    .nine {border-style: double groove; border-color: blue; border-width: thick;}
  15    .ten {border-style: dotted double dashed solid; border-color: blue; border-width: thick;}
  16    .eleven {border-style: none; border-color: red; border-width: thick;}
  17   </style>
  18   <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties">
  19  </head>
  20  <body>
  21   <p>The borders below should be as described:</p>
  22   <p class="one">
  23    Blue and dotted.
  24   </p>
  25   <p class="two">
  26    Blue and dashed.
  27   </p>
  28   <p class="three">
  29    Blue and solid.
  30   </p>
  31   <p class="four">
  32    Blue and double.
  33   </p>
  34   <p class="five">
  35    Orange and groove.
  36   </p>
  37   <p class="six">
  38    Orange and ridge.
  39   </p>
  40   <p class="seven">
  41    Orange and inset.
  42   </p>
  43   <p class="eight">
  44    Orange and outset.
  45   </p>
  46   <p class="nine">
  47    Blue and double on top and bottom; Blue and grooved on the left and right.
  48   </p>
  49   <p class="ten">
  50    Blue borders which are, in clockwise order from top: dotted, double, dashed, solid.
  51   </p>
  52   <p class="eleven">
  53    This paragraph should have no border at all.
  54   </p>
  55  </body>
  56 </html>