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 p, span span { color: silver; }
10 span { color: blue; }
11 .one { border-left: blue double 10px; }
12 .two { border-left: blue thin 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 <div>The blue bits of text should be decorated as described.</div>
18 <p>
19 dummy text dummy text dummy text dummy text dummy text dummy text
20 dummy text dummy text dummy text dummy text dummy text dummy text
21 dummy text dummy text dummy text dummy text dummy text dummy text
22 dummy text dummy text dummy text dummy text dummy text dummy text
23 <span class="one">⇦ two blue lines to the left <span>dummy
24 text dummy text dummy text dummy text dummy text dummy text dummy
25 text dummy text dummy text dummy text dummy text dummy text</span>
26 </span> dummy text dummy text dummy text dummy text dummy text
27 dummy text dummy text dummy text dummy text dummy text dummy text
28 dummy text dummy text dummy text dummy text dummy text dummy text
29 dummy text dummy text dummy text dummy text dummy text dummy text
30 dummy text dummy text dummy text dummy text dummy text dummy text
31 dummy text dummy text dummy text dummy text dummy text dummy text
32 dummy text dummy text dummy text dummy text dummy text <span class="two">⇦ one thin blue line to the left </span> dummy
33 text dummy text dummy text dummy text dummy text dummy text dummy
34 text dummy text dummy text dummy text dummy text dummy text dummy
35 text dummy text dummy text dummy text dummy text dummy text dummy
36 text dummy text dummy text dummy text dummy text dummy text dummy
37 text dummy text dummy text dummy text dummy text dummy text dummy
38 text dummy text dummy text dummy text dummy text dummy text dummy
39 text dummy text dummy text
40 </p>
41 <div>(All the lines of text in the block above should be equally spaced.)</div>
42 </body>
43 </html>