Como obter os valores de estilo de um elemento HTML em javascript?

Estou procurando uma maneira de recuperar o estilo de um elemento que tenha um estilo definido pela tag style.

<style> 
#box {width: 100px;}
</style>

No corpo

<div id="box"></div>

Estou procurando javascript direto sem o uso de bibliotecas.

Tentei o seguinte, mas continuo recebendo espaços em branco:

alert (document.getElementById("box").style.width);  
alert (document.getElementById("box").style.getPropertyValue("width"));

Percebi que só posso usar o que foi dito acima se tiver definido o estilo usando javascript, mas não consigo com as tags de estilo.