When I inspect a website,I can see all the styles that are applied to a particular Element in the Elements Tab,but when I try to access the "style" properties of that particular Element using the DOM API in the Console tab,I get an empty string as its value.

Example:

const ele = document.querySelector("#ddec");
console.log(ele.style.backgroundColor);

Output:

""

Does this only happen to the CSS propeties? Or Which properties will get stored in the "document" Object?