Border left Properties : border left : Box Model HTML CSS TUTORIALS

HTML CSS TUTORIALS » Box Model » border left »

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>