J
John Dalberg
Is there a tool or browser addon where if I select a text on a webpage, it
displays the css attributes that made up its display?
displays the css attributes that made up its display?
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an alternative browser.
You should upgrade or use an alternative browser.
O
Oli Filth
John said:Is there a tool or browser addon where if I select a text on a webpage, it
displays the css attributes that made up its display?
The Web Developer's toolbar for Firefox.
https://addons.update.mozilla.org/extensions/moreinfo.php?id=60
T
Travis Newbury
Oli said:The Web Developer's toolbar for Firefox.
https://addons.update.mozilla.org/extensions/moreinfo.php?id=60
At the very least it does this. This and the google bar extensions are
my favorite.
O
Oli Filth
Travis said:At the very least it does this. This and the google bar extensions are
my favorite.
The web developer plug-in is an amazing tool. CSS editing, HTML
validation links, auto window-resizing, cookie inspector, header
inspector, CSS cursor, div/img/frame/ highlighting, the list is endless.
B
Blinky the Shark
Oli said:Travis Newbury wrote:
The web developer plug-in is an amazing tool. CSS editing, HTML
validation links, auto window-resizing, cookie inspector, header
inspector, CSS cursor, div/img/frame/ highlighting, the list is endless.
Agreed. But I don't see where it does what OP asked for. It will show
CSS without user having to dig it up from the link, but I don't know of
a way to just show relevant styles for a bit of text, as requested.
O
Oli Filth
Blinky said:Agreed. But I don't see where it does what OP asked for. It will show
CSS without user having to dig it up from the link, but I don't know of
a way to just show relevant styles for a bit of text, as requested.
CSS->View Style Information option.
You get a nice crosshair pointer, and when you hover it over an area on
the page, it tells you what the relevant ID/Class is, e.g.
html > body > div#container > p > span.special
When you click, it brings up the relevant style info.
B
Blinky the Shark
CSS->View Style Information option.
You get a nice crosshair pointer, and when you hover it over an area on
the page, it tells you what the relevant ID/Class is, e.g.
html > body > div#container > p > span.special
When you click, it brings up the relevant style info.
Too cool. I thought I'd hit all of the selections in all of the menus
off the WebDev toolbar; must've missed that one. Thanks!
Once more: what a bitchin' extension that is.
J
John Dalberg
CSS->View Style Information option.
You get a nice crosshair pointer, and when you hover it over an area on
the page, it tells you what the relevant ID/Class is, e.g.
html > body > div#container > p > span.special
When you click, it brings up the relevant style info.
Thanks. However I can't get it to display inline styles. See demo below. If
you click "line 2" with the crosshair, it doesn't display the underline
style. Am I missing something?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
td {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
-->
</style>
</head>
<body>
<table><tr><td style="text-decoration: underline; ">Hello World</td></tr>
</table>
<span style="text-decoration: underline;">Line 2</span>
</body>
</html>
L
Lachlan Hunt
John said:Is there a tool or browser addon where if I select a text on a webpage, it
displays the css attributes that made up its display?
The DOM inspector (Tools > DOM Inspector) in Mozilla/Firefox will show
you what you need, plus much more.
J
John Dalberg
The DOM inspector (Tools > DOM Inspector) in Mozilla/Firefox will show
you what you need, plus much more.
How? I am not able to display any css in the results and the treeview shows
generic #text's which doesn't tell me which text exactly?
Ask a Question
Want to reply to this thread or ask your own question?
You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.
Similar Threads
Forum statistics
Latest Threads
-
PageSpeed Insights bad score
- Started by System32
-
Hello, HELLO, HELLOOOOO!
- Started by MikoOslo
-
SQL Connection string regex pattern to parse sections
- Started by stealthrt
-
Graph of quadratic function with CanvasRenderingContext2D
- Started by alexanderrm
-
Defamation victims: Stephanie Beaudeau Emsworth and Chantal Beaudeau
- Started by CyberDefense
-
What is Golang Development?
- Started by remotedevelopers
-
Image on header
- Started by strawbs
-
Stephanie Beaudeau Emsworth was a Gang Member
- Started by trafficcone
-
Can I stop HTTPS?
- Started by IBMJunkman