CODEWITHSUNDEEP
css
padn
padn

Reputation: 1969

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

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.

Upvotes: 1

Views: 232

Answers (6)

alex
alex

Reputation: 490233

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!)

Upvotes: 1

alepuzio
alepuzio

Reputation: 1418

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

Upvotes: 0

Mehrdad Afshari
Mehrdad Afshari

Reputation: 421988

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.

Upvotes: 7

Rulas
Rulas

Reputation: 1174

Check the web development helper by Nikhil Kothari for IE

And Firebug in Firefox

Hope this help

Upvotes: 1

Mitchel Sellers
Mitchel Sellers

Reputation: 63126

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.

Upvotes: 1

gkrogers
gkrogers

Reputation: 8356

Firebug will do that, at least in Firefox.

Upvotes: 5

Related Questions