border of the horizontal rule


border: ***;

Browser
Internet Explorer Firefox Opera

The border property specifies the border of an element.

The border of the horizontal rule can be specified by applying this property to the HR element.


hr {
border: 1px #ff0000 solid;
height: 10px;
}


Property Value Explanation
border each value sets width, color, and style

Example

<html>
<head>
<title>TAG index</title>

<style type="text/css">

hr.example1 {
border: 1px #ff0000 solid;
background-color: #ffdfe2;
color: #ffdfe2;
height: 10px;
}

hr.example2 {
border-style: solid;
border-width: 2px;
border-color: #c40000 #ffdfe2 #ffdfe2 #c40000;
background-color: #ff8080;
color: #ff8080;
height: 10px;
}

hr.example3 {
border-style: dotted none none none;
border-top-width: 2px;
border-top-color: #ff0000;
height: 2px;
}

</style>

</head>
<body>

<hr class="example1">

<hr class="example2">

<hr class="example3">

</body>
</html>
Output