c5521-ibrdr-l-000

border-left

WeasyPrint

This browser

Source

 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>