c5518-ibrdr-t-000

border-top

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-top</title>
 5   <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-top">
 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: silver; }
10    span { color: blue; }
11    .one { border-top: blue double 10px; }
12    .two { border-top: 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    dummy text dummy text dummy text dummy text dummy text dummy text
24    dummy text dummy text dummy text dummy text dummy text dummy text
25    <span class="one">two blue lines above</span> dummy text dummy text
26    dummy text 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 <span class="two">one thin blue line
33    above</span> dummy text dummy text dummy text dummy text dummy text
34    dummy text dummy text dummy text dummy text dummy text dummy text
35    dummy text dummy text dummy text dummy text dummy text dummy text
36    dummy text dummy text dummy text dummy text dummy text dummy text
37    dummy text dummy text dummy text dummy text dummy text dummy text
38    dummy text dummy text dummy text dummy text dummy text dummy text
39    dummy text dummy 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>