| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> |
| <html> |
| <head> |
| <title>CSS 2.1 Test Suite: border-style</title> |
| <style type="text/css"> |
| .one {border-style: dotted; border-color: navy; border-width: thick;} |
| .two {border-style: dashed; border-color: navy; border-width: thick;} |
| .three {border-style: solid; border-color: navy; border-width: thick;} |
| .four {border-style: double; border-color: navy; border-width: thick;} |
| .five {border-style: groove; border-color: orange; border-width: thick;} |
| .six {border-style: ridge; border-color: orange; border-width: thick;} |
| .seven {border-style: inset; border-color: orange; border-width: thick;} |
| .eight {border-style: outset; border-color: orange; border-width: thick;} |
| .nine {border-style: double groove; border-color: blue; border-width: thick;} |
| .ten {border-style: dotted double dashed solid; border-color: blue; border-width: thick;} |
| .eleven {border-style: none; border-color: red; border-width: thick;} |
| </style> |
| <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"> |
| </head> |
| <body> |
| <p>The borders below should be as described:</p> |
| <p class="one"> |
| Blue and dotted. |
| </p> |
| <p class="two"> |
| Blue and dashed. |
| </p> |
| <p class="three"> |
| Blue and solid. |
| </p> |
| <p class="four"> |
| Blue and double. |
| </p> |
| <p class="five"> |
| Orange and groove. |
| </p> |
| <p class="six"> |
| Orange and ridge. |
| </p> |
| <p class="seven"> |
| Orange and inset. |
| </p> |
| <p class="eight"> |
| Orange and outset. |
| </p> |
| <p class="nine"> |
| Blue and double on top and bottom; Blue and grooved on the left and right. |
| </p> |
| <p class="ten"> |
| Blue borders which are, in clockwise order from top: dotted, double, dashed, solid. |
| </p> |
| <p class="eleven"> |
| This paragraph should have no border at all. |
| </p> |
| </body> |
| </html> |
