c5521-brdr-l-000.xht (1797B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 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"><![CDATA[ 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>