1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
3 <head>
4 <title>CSS Test: border-left</title>
5 <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-left">
6 <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html">
7 <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
8 <style type="text/css">
9 body { color: blue; }
10 .threea {border-left: orange medium solid;}
11 .threeb {border-left: lime medium solid;}
12 .threec {border-left: yellow medium solid;}
13 </style>
14 <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties">
15 </head>
16 <body>
17 <p>There should be a solid line to the left of the text below,
18 having three segments each of a different colour as indicated.</p>
19 <ul>
20 <li class="threea">Orange orange...
21 <ul>
22 <li>...orange orange...
23 </li>
24 <li>...orange orange...
25 </li>
26 <li>...orange orange.
27 </li>
28 </ul>
29 </li>
30 <li class="threeb">Lime.</li>
31 <li class="threec">Yellow yellow yellow yellow yellow yellow yellow
32 yellow yellow yellow yellow yellow yellow yellow yellow yellow
33 yellow yellow yellow yellow yellow yellow yellow yellow yellow
34 yellow yellow yellow yellow yellow yellow yellow yellow yellow
35 yellow yellow yellow yellow yellow yellow yellow yellow yellow
36 yellow yellow yellow yellow yellow yellow yellow yellow yellow
37 yellow yellow yellow yellow yellow yellow yellow yellow yellow
38 yellow yellow yellow yellow yellow yellow yellow yellow yellow
39 yellow yellow yellow yellow yellow yellow yellow yellow yellow
40 yellow yellow yellow yellow yellow yellow yellow yellow yellow
41 yellow yellow yellow yellow yellow yellow yellow yellow yellow
42 yellow yellow yellow yellow yellow yellow yellow yellow.</li>
43 </ul>
44 </body>
45 </html>