Replacing <hr /> with image

**Gandalf** · 02-19-2003, 02:55 AM

Since it is possible to replace a bullet with an image using the list-style-image property is there any way within CSS to replace a horizontal rule with an image?

Thanx G:-)>

**gil davis** · 02-19-2003, 05:38 AM

Apparently not. The HR is a block element, but it does not contain anything.

**Paul O'B** · 02-19-2003, 02:10 PM

Hi,

I don't know if this is of any use but you could give the <hr /> a background image:

hr {
background-image: url(filename.gif);
background-repeat: repeat;
height: 20px;
width: 100%;
}

Paul