border: ***;

Browser
  • IE
  • Cr
  • Sf
  • Fx
  • O

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;
height: 10px;
}

hr.example2 {
border-style: solid;
border-width: 2px;
border-color: #c40000 #ffdfe2 #ffdfe2 #c40000;
background-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