Proprietary Class Properties

[Goldeneye]

Is it possible to make your own class properties. I want to refer to a property in the style sheet for ahighlight function I'm making.

onmouseover="this.bgColor=('#E5E1E1')" onmouseout="this.bgColor=(this.style.color)"

As you can see, the mouseover has the highlight hardcoded, whereas the mouseout takes the original colour from the stylesheet.

Can I make a poperty of the element I'm changing (a TD in this case) such as "swapcolor: #E5E1E1;"? I tried but the colour comes up green and I know that's not right.

I also tried doing it like this but to no avail.

 onmouseover="this.bgColor=(this.style.color + #222222)"

If anyone has a better way of specifying the highlight colour without hardcoding it let me know.

[MikeFoster]

In IE only (AFAIK), you can create custom attributes:

<td id='r2c1' class='tblCell' hilite='ccf'>r2c1</td>

alert('#' + document.getElementById('r2c1').hilite);

Note that I'm talking about html 'attributes', not css 'properties'.