c5521-brdr-l-001

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    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>