Javascript: establecer el valor de la propiedad float de CSS

En Javascript es muy fácil establecer propiedades CSS, como en este ejemplo las propiedades de anchura, color y z-index:

elemento.style.width = '50%';
elemento.style.color = '#0c0';
elemento.style.zIndex = '1';

Pero con la propiedad float no es tan sencillo:

Because the word «float» is already reserved in JavaScript, it’s not possible to access an object’s floatCSS property using style.float. In fact, browsers use different terms for the float property: Internet Explorer uses style.styleFloat, while all other browsers use the W3C-specified style.cssFloat.

La palabra float es una palabra reservada en el lenguaje Javascript, por lo que no se puede usar para definir la propiedad float. Por ello hay que utilizar la siguiente alternativa especificada por la W3C:

elemento.style.cssFloat = 'left';

Pero aun queda un escollo. Internet Explorer (que es muy especial) no soporta esta alternativa, por lo que habrá que usar al mismo tiempo lo siguiente:

elemento.style.styleFloat = 'left';

Saber más