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 .test { font-size: 2em; }
11 span, td { text-align: left; border-left: blue 2px solid; }
12 table { border-collapse: separate; border-spacing: 6px; }
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 blue line to the left of every occurence of the word "<span class="test">⇦THERE</span>".</p>
18 <table class="test">
19 <tr>
20 <td colspan="2">
21 ⇦THERE
22 </td>
23 </tr>
24 <tr>
25 <td>
26 ⇦THERE
27 </td>
28 <td>
29 ⇦THERE
30 <table>
31 <tr>
32 <td>
33 ⇦THERE
34 </td>
35 </tr>
36 </table>
37 </td>
38 </tr>
39 </table>
40 <p>There should be 3 short lines and 2 long lines in total.</p>
41 </body>
42 </html>