56 lines
1.8 KiB
HTML
56 lines
1.8 KiB
HTML
<!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> |