c5519-brdr-r-002

border-right

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-right</title>
 5   <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-right">
 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    ul { margin-right: 25%; }
11    .threea {border-right: orange medium solid;}
12    .threeb {border-right: lime medium solid;}
13    .threec {border-right: yellow medium solid;}
14   </style>
15   <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties">
16  </head>
17  <body>
18   <p>There should be a solid line to the right of the text below,
19   having three segments each of a different colour as indicated.</p>
20   <ul>
21    <li class="threea">Orange orange...
22     <ul>
23      <li>...orange orange...
24      </li>
25      <li>...orange orange...
26      </li>
27      <li>...orange orange.
28      </li>
29     </ul>
30    </li>
31    <li class="threeb">Lime.</li>
32    <li class="threec">Yellow yellow yellow yellow yellow yellow yellow
33    yellow yellow yellow yellow yellow yellow yellow yellow yellow
34    yellow yellow yellow yellow yellow yellow yellow yellow yellow
35    yellow yellow yellow yellow yellow yellow yellow yellow yellow
36    yellow yellow yellow yellow yellow yellow yellow yellow yellow
37    yellow yellow yellow yellow yellow yellow yellow yellow yellow
38    yellow yellow yellow yellow yellow yellow yellow yellow yellow
39    yellow yellow yellow yellow yellow yellow yellow yellow yellow
40    yellow yellow yellow yellow yellow yellow yellow yellow yellow
41    yellow yellow yellow yellow yellow yellow yellow yellow yellow
42    yellow yellow yellow yellow yellow yellow yellow yellow yellow
43    yellow yellow yellow yellow yellow yellow yellow yellow.</li>
44   </ul>
45  </body>
46 </html>