Border left Properties : border left « CSS « HTML / CSS






Border left Properties

  





<html>
<head>
<title>Border Properties</title>
<style>
body {font-size: 1.3em;}

p     {background-color: white;}
</style>
</head>
<body>

<h1><i>The Border Properties</i></h1>
<p style="border-top: solid thick red;">
    A solid, thick, red border with border-top</p>

<p style="border-right: double medium blue; text-align: right;">
    A double, medium, blue border with border-right</p>

<p style="border-bottom: dotted thin green;">
    A dotted, thin, green border with border-bottom</p>

<p style="border-left: dashed thin navy;">
    A dashed, thin, navy border with border-left</p>

<p style="border: inset 3px yellow;">
    An inset, 3 pixel, yellow border with border</p>
</body>
</html>

   
  








Related examples in the same category

1.'border-left' Example
2.border-left: 1px dashed darkkhaki;
3.border-left: 1px solid crimson;
4.border-left: 4px solid #505050;
5.Set border left, right and bottom to an anchor with LI under UL in a DIV