c5521-ibrdr-l-000.xht

Enable keyboard shortcuts

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

 <head>

  <title>CSS Test: border-left</title>

  <link rel="help" href="http://www.w3.org/TR/REC-CSS1#border-left"/>

  <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>

  <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>

  <style type="text/css"><![CDATA[

   p, span span { color: silver; }

   span { color: blue; }

   .one { border-left: blue double 10px; }

   .two { border-left: blue thin solid; }

  ]]></style>

  <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-properties" title="8.5 Border properties"/>

 </head>

 <body>

  <div>The blue bits of text should be decorated as described.</div>

<p>

   dummy text dummy text dummy text dummy text dummy text dummy text

   dummy text dummy text dummy text dummy text dummy text dummy text

   dummy text dummy text dummy text dummy text dummy text dummy text

   dummy text dummy text dummy text dummy text dummy text dummy text

   <span class="one">&#x21E6; two blue lines to the left <span>dummy

   text dummy text dummy text dummy text dummy text dummy text dummy

   text dummy text dummy text dummy text dummy text dummy text</span>

   </span> dummy text dummy text dummy text dummy text dummy text

   dummy text dummy text dummy text dummy text dummy text dummy text

   dummy text dummy text dummy text dummy text dummy text dummy text

   dummy text dummy text dummy text dummy text dummy text dummy text

   dummy text dummy text dummy text dummy text dummy text dummy text

   dummy text dummy text dummy text dummy text dummy text dummy text

   dummy text dummy text dummy text dummy text dummy text <span

   class="two">&#x21E6; one thin blue line to the left </span> dummy

   text dummy text dummy text dummy text dummy text dummy text dummy

   text dummy text dummy text dummy text dummy text dummy text dummy

   text dummy text dummy text dummy text dummy text dummy text dummy

   text dummy text dummy text dummy text dummy text dummy text dummy

   text dummy text dummy text dummy text dummy text dummy text dummy

   text dummy text dummy text dummy text dummy text dummy text dummy

   text dummy text dummy text

  </p>

  <div>(All the lines of text in the block above should be equally spaced.)</div>

 </body>

</html>