The border-top property (CSS Reference)
Introduction
The border-top property is used to define the top border.
You can define the width of the border with border-top-width, the color with
border-top-color and the style with border-top-style. These values can be
defined in either one-line declaration or you can declare them one by one.
Example
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>border-top
Demonstration</title>
<style type="text/css">
p.border
{
border-left-width:3px;
border-left-color:black;
border-left-style:solid;
border-right-width:3px;
border-right-color:Black;
border-right-style:solid;
border-top-width:10px;
border-top-color:red;
border-top-style:dotted;
border-bottom-width:3px;
border-bottom-color:black;
border-bottom-style:solid;
}
</style>
</head>
<body>
<h2><p class="border">This should show
only a red top border</p></h2
</body>
</html>
Output
|
Email TopXML