Simple way to find out the colour and other styling properties of an element on the web page

Question

Would you be aware of any tools(preferably free) or browser plugins that would allow me to easily determine the styling properties of an element on the web page.

For example it could be a tool that would import all the styling information from the css files associated with the page and presented it as an in-line styling.

Eventually some sort of browser plugin that would alow me to select an element and then would dispaly the styling information.

Answer 1

Firebug will do that, at least in Firefox.

Answer 2

Your best bet here is the "Web Developer Toolbar" extension for FireFix. With this extension you can enable the "Show CSS Information", clicking on an element opens a window with all appliciable CSS styles.

You can also view all CSS and do many other very helpful things with it.

Answer 3

Check the web development helper by Nikhil Kothari for IE

And Firebug in Firefox

Hope this help

Answer 4

Safari and Chrome have a built in Web Inspector, right click and select Inspect Element. Firefox has the Firebug plugin. IE has IE Dev Toolbar.

Answer 5

for web development (overall graphics) the plugin WebDeveloper for firefox. Light and powerfull

Answer 6

If it's just the colour you are after in Firefox, you can use ColorZilla, which lets you eyedrop any colour off the viewport (including the chrome!)