| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> |
| <title>CSS Test: border-style</title> |
| <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-style"/> |
| <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> |
| <link rel="author" title="Ian Hickson" href="mailto:[email protected]"/> |
| <style type="text/css"><![CDATA[ |
| p { padding: 1em; } |
| .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> |
