DiaLOG

October 23, 2003

What size is that font?

I have come across another favelet of good use. Ever wanted to know the rgb of color on a website or know what size font is being used. Look no further than Pixy’s new

Cascaded Styles

Favelet made by pixy

’);w.document.write(‘

’);w.document.write(‘

---

');w.document.write('

’);w.document.close();var wp=w.document.getElementById(‘props’);Ev(document.childNodes);function ES(e){var o,s=”,nm=e.nodeName;var p=w.document.getElementById(‘prop’).value;if(e.id)nm+=’#’+e.id;if(e.className)nm+=’.’+e.className;if(document.defaultView)s=document.defaultView.getComputedStyle(e,null).getPropertyValue(p);else if(e.currentStyle)s=eval(‘e.currentStyle.’+p);o=nm+’
%E2%86%93 ‘+p+’: ‘+s+’
‘;wp.innerHTML+=o;w.document.close()}function Ev(ch){var i,e;if(ch)for(i=0;iList computed (cascaded) styles favelet. Just type in the property you are looking for and hover over the page. It will give you a tree breakdown of the property from each element.

Blake