element.style in chrome element inspector?

css google-chrome styles google-chrome-devtools
Adib Aroui picture Adib Aroui · Mar 29, 2013 · Viewed 23.7k times · Source

When I inspect elements in Chrome, under my styles I have element.style {}, What does this refer to? It contains styles I am not including in my code source.

Answer

SLaks picture SLaks · Mar 29, 2013

Those are inline styles.
They come from the style="" attribute or from Javascript code that sets element.style.someProperty.

Related questions

Difference between two element styles with Google Chrome

I use Google Chrome developer tools and I am constantly inspecting one element against another back and forth to find out what may be causing a particular styling issue. It would be nice to compare the differences in style between …

Read More
Chrome developer tools Style tab showing faded CSS definition, why?

I've been using Chrome for a long time now and I've never (well not that I can recall) come across CSS definitions in the Style panel that are faded. The selector hasn't been defined else where. Example: (Edit: Just to …

Read More
How to remove focus border (outline) around text/input boxes? (Chrome)

Can anyone explain how to remove the orange or blue border (outline) around text/input boxes? I think it only happens on Chrome to show that the input box is active. Here's the input CSS I'm using: input { background-color: transparent; …

Read More