Which property is used to add CSS styles to elements in a web page?

The property used to add CSS styles to elements in a web page is the HTMLElement.style property. This property allows you to access and manipulate the inline styles of an HTML element through JavaScript. When you use this property, you can set or retrieve the style attributes directly for that specific element.

For example, if you have an element in your HTML, you can use JavaScript to change its styles dynamically by referencing its style property. This can include modifications such as changing the backgroundColor, fontSize, display, and many other CSS properties, all of which can be manipulated as properties of the style object.

While other choices mention properties that seem related to style manipulation, they do not provide the correct mechanism for directly styling individual elements. For instance, Element.styleSheet is not a valid property used for adding styles directly to an element but rather refers to managing styles on a stylesheet level, which is not the focus of the question. Similarly, Document.body.style pertains specifically to the body element and does not facilitate styling of any arbitrary HTML element. The Window.style option does not exist, as the Window object is related to the global context and does not have CSS properties associated with it.

Thus, the HTMLElement.style property stands out