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

[trixter5]

Доброго дня. Сразу скажу, что полный ноль в 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,179,180,1 84,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,122,16,97 ,26,78,41,64" href="#"onmouseover="document.getElementById('s1').style['-webkit-transform'] = 'translate(-15px,-8px)';"onmouseout="document.getElementById('s1').style['-webkit-transform'] = 'translate(0px,0px)';">
</map>

[dmitriymar]

Как в этот код правильно добавить например -ms-transform..
дефисы выбрасываются, а следующий за дефисом символ пишется в верхнем регистре

[trixter5]

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

[trixter5]

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