¿Cómo obtener los valores de estilo de un elemento HTML en javascript?

Estoy buscando una manera de recuperar el estilo de un elemento que tiene un estilo establecido por la etiqueta de estilo.

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

En el cuerpo

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

Estoy buscando JavaScript directo sin el uso de bibliotecas.

Intenté lo siguiente, pero sigo recibiendo espacios en blanco:

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

Noté que solo puedo usar lo anterior si configuré el estilo usando javascript, pero no puedo con las etiquetas de estilo.

Respuestas a la pregunta(4)

Su respuesta a la pregunta