Почему JavaScript не видит CSS стили элемента?

Экспререментировал с кодом и возникла проблема:

если я получаю элемент со страницы вот так let box = document.querySelector('.box');

то потом, при попытке получить CSS-свойство width он находит лишь пустую строку ""

пробовал в консоли, если пишу box.style.width , то выдает ""; 

НО! если прописать свойство width внутри тэга, инлайн стилем, то все работает!

Подскажите почему так происходит? Получается JavaScript не видит стили элемента подключенные во внешнем CSS файле?