horizontell linje (hr)

Hej.

Jag vill lägga in en horizonetell linje (hr) på min sajt. Min fråga är, hur ska jag ange färgen på min hr? Ska jag använda "color" eller "background" i min css för att definiera färg på min hr?

Om jag inte minns fel så kör Internet Explorer egenskapen color medans de övriga läsarna kör background-color. Så mao sätt alla när du sätter färg på den :)

Jag testade precis med firefox. Jag kom fram till följande:

HTML-kod:

---

<style> hr{
color: red; /*fungerar*/
background-color: red; /*fungerar inte*/
border-color:red; /*fungerar */
</style>

---

Jag hittade ingen stans där w3 skrev hur det ska vara men jag hittade exemplen på andra saker där man använda color för att sätta färgen på hr.

Glöm inte heller att lägga till noshade="noshade" på din hr tagg.
Alltså så det blir såhär:

Kod:

---

<hr noshade="noshade" />

---

då får du precis så många pixlar tjock som du anger och personligen tycker jag det blir bättre utan skuggningen.

Citat:

---

Ursprungligen postat av welander

Glöm inte heller att lägga till noshade="noshade" på din hr tagg.
Alltså så det blir såhär:

Kod:

---

<hr noshade="noshade" />

---

då får du precis så många pixlar tjock som du anger och personligen tycker jag det blir bättre utan skuggningen.

---

Nej det ska du inte göra om du vill vara riktig.
Noshade är deprecated.
http://www.w3schools.com/tags/tag_hr.asp


Vill du ha noshade bör du istället använda denna css:

HTML-kod:

---

<style>
hr{
height:2px;
border-width:0;
color:gray;
background-color:gray;
}
</style>

---

http://www.w3schools.com/tags/att_hr_noshade.asp

Så här brukar jag göra för att själv kunna styra utseendet och slippa skuggan.

<style>
.hr{
padding: 10px 0 0 0;
border-bottom: 1px #ccc solid;
margin: 0 0 10px 0;
}
</style>
<div class="hr"></div>

Det är väldigt sällan jag använder <hr>. Mitt bästa tips är att du använder dig av den div med backround-color istället, eller ev gör du en border-bottom på det antal pixlar du vill den ska vara på.