Source code
Revision control
Copy as Markdown
Other Tools
<head>
<title>CSS Test: border-left</title>
<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 { color: blue; margin-left: 20px; }
span { color: silver; }
.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>
<p class="one">
⇦ This paragraph should have two blue lines on its 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</span>
</p>
<p class="two">
⇦ This paragraph should have a thin blue line on its 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</span>
</p>
</body>
</html>