Как правильно добавить в javascript несколько стилей css?
 

Доброго дня. Сразу скажу, что полный ноль в javascripte и извеняйте , если не туда пишу.

есть кусок из мапа, в нем используется css3 свойство transform для webkit. Как в этот код правильно добавить например -ms-transform..
<map name="Map">
<area shape="poly" coords="53,60,67,73,74,80,85,91,94,100,108,113,119 ,123,127,131,136,140,146,150,155,160,165,168,176,1 79,180,184,171,186,153,186,141,186,124,187,100,186 ,83,186,63,186,32,187,16,187,7,187,3,185,3,146,8,1 22,16,97,26,78,41,64" href="#"onmouseover="document.getElementById('s1') .style['-webkit-transform'] = 'translate(-15px,-8px)';"onmouseout="document.getElementById('s1').s tyle['-webkit-transform'] = 'translate(0px,0px)';">
</map>

дефисы выбрасываются, а следующий за дефисом символ пишется в верхнем регистре

не совсем понял.
.style['-webkit-transform'] ..это работает
а нужно, чтобы плюс к webkit добавить поддержку дргуих браузеров.
Это нужно здесь же через запятую перечислять?
можно на пальцах для нуба:write:

спасибо большое! разобрался