横線

書式: 
background-color: 色指定
border-color: 色指定
color: 色指定

適用要素:hr要素(個別では全ての要素に適用可能)

初期値:ブラウザによる

この場合、3種類の色指定は全て同じ色を指定します。
横線の場合、ブラウザによって扱いが違います。 Internet Explorerは文字としてしか扱わないため、color属性でのみ色がつきますが、Firefoxやoperaの場合、 古くは文字としては扱っていなかったためbackground-colorまたはborderに色を指定することで色をつけることもできます。
w3cでもhr要素をどのように扱うか(文字とするか、領域とするか)の規定がないため ブラウザ独自の解釈になってしまったようです。
色の指定方法は「色の表し方」を参照してください。
余談ですが、hr要素で書かれた横線をコピーしてテキストに貼り付けると、 Internet Explorerのhr要素はハイフンの連続になります。

横線の見え方いろいろ

このページを書くに当たって以下の条件で3つのブラウザでhr要素を表示してみました。

スタイルシート部分
hr {width:100px}
.bg{background-color: #0000FF}
.co{color: #FF0000}
.bo{border-color: #00FF00}
.si{height: 10px}

body部分
<hr>
<hr class="bg">
<hr class="co">
<hr class="bo">
<hr class="si">
<hr color="#FF00FF">
hr要素の見え方の違い
Internet Explorerの場合 Firefoxの場合 Operaの場合
Internet Explorerでの表示 Firefoxでの表示 Operaでの表示