la propiedad
style de los elementos viene representando el atributo style. fijate que los estilos no estaban definido en el atributo sino en el elemento <style>. ¿por qué se hace así o por qué el objeto
style no hereda las propiedades css? no es la respuesta definitiva pero debe ser porque hay diferentes formas de scripting. para editar las propiedades de una hoja de estilo -<style> o archivo css- tienes que navegar por las propiedades DOM del objeto
styleSheets. de todos modos, en tu caso lo que interesaba era obtener el valor para determinar que nuevo valor asignar. para que eso sea posible tienes que usar la función
getComputedStyle el cual devuelve un objeto style con las propiedades que estan afectando al elemento sin importar donde esta definida ese valor.