Posted by Jukka K. Korpela on 02/24/07 21:31

Scripsit Jonathan N. Little:

> Jukka K. Korpela wrote:
>> Scripsit Jonathan N. Little:
>>
>>> Because "color: red;" means the text color is red, but the HR
>>> element does not contain any text so it means nothing.
>>
>> That might be the logical view, but browsers take different views on
>> it. See what happens (e.g. on IE 7) if you set hr { border: none; }.
>> There is still something - the horizontal rule.
>
> That's because MS will *never* let you get rid of the damn border on
> HRs!

I'd rather say that MS does not let you remove the _content_ of <hr>.

Try this on on IE 7:

hr { height: 0px;
color: blue;
background: red;
border: green 0px none; }

You'll see a blue 1px horizontal line. It seems that you cannot remove it
without removing the <hr> as a whole (display: none), but you can set its
color and height (though you can't make the height zero).

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

[Back to original message]