onmouseover

Hur får man onmouseover att byta top och bottom border i en tabell?

Hur menar du "att byta top och bottom" :q

style="border-top:#FFFFFF" tex :D

helt otestat

[red]
<table onmouseout="this.style.border-top='';" onmouseover="this.style.border-top='#FFFFFF';">[/red]

testat :e fungerade inte :e

Sista testet ;)

[red]
<table onmouseout="this.style.border-top='opx';" onmouseover="this.style.border-top='2px #FFFFFF';">[/red]

style attribut sitter alltid ihop utan bindestreck i JavaScript alltså:

<table onmouseout="this.style.borderTop='';" onmouseover="this.style.borderTop='#FFFFFF';">

Dock helt otestat, har inte orkat testköra på en tabell

om jag kör "onmouseover="this.style.borderTop='#FFFFFF';"
så försvinner den border ja redan har just nu... så det fungera inte riktigt 100

ändra

this.style.borderTop

till

this.style.borderTopColor

tackar :e fungera är det bottomcolor på den andra då?
hur ska hela koden blir då?

<table onmouseout="this.style.borderTopColor='';this.style.borderBottomColor='';" onmouseover="this.style.borderBottomColor='#FFFFFF';this.style.borderTopColor='#FFFFFF'">

detta fungera.. men en liten fråga till:

Kan man inte ha en class eller någon sorts CSS med hjälp av detta? eller är man tvungen att ändra varenda tabell man vill ha det så på?

Det går tyvärr inte att lösa med klasser och CSS, nej.

något annat sätt då? :e