c5521-brdr-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 { color: blue; margin-left: 20px; }
10    span { color: silver; }
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   <p class="one">
18    ⇦ This paragraph should have two blue lines on its left.
19    <span>dummy text dummy text dummy text dummy text dummy text dummy
20    text dummy text dummy text dummy text dummy text dummy text dummy
21    text dummy text dummy text dummy text dummy text dummy text dummy
22    text dummy text dummy text dummy text dummy text dummy text dummy
23    text dummy text dummy text dummy text dummy text dummy text dummy
24    text dummy text dummy text dummy text dummy text</span>
25   </p>
26   <p class="two">
27    ⇦ This paragraph should have a thin blue line on its left.
28    <span>dummy text dummy text dummy text dummy text dummy text dummy
29    text dummy text dummy text dummy text dummy text dummy text dummy
30    text dummy text dummy text dummy text dummy text dummy text dummy
31    text dummy text dummy text dummy text dummy text dummy text dummy
32    text dummy text dummy text dummy text dummy text dummy text dummy
33    text dummy text dummy text dummy text dummy text</span>
34   </p>
35  </body>
36 </html>