advanced search

We Recommend

CSS: The Definitive Guide CSS: The Definitive Guide
Provides you with a comprehensive guide to CSS implementation, along with a thorough review of all aspects of CSS 2.1. Updated to cover Internet Explorer 7, Microsoft's vastly improved browser, this new edition includes content on positioning, text wrapping (nowrap), lists and generated content, table layout, user interface, paged media, and more.

Posted By

1man on 08/07/06


Tagged

css debug borders


Versions (?)


Who likes this?

33 people have marked this snippet as a favorite

tylerhall
jonhenshaw
samuraicoder
panatlantica
marc0047
dojob
seiglermj
theMacpenguin
chrisaiv
koncept
purpleraison
jotom
zingo
mjlassila
manub
rich13
marcoba
robotoverlord
vali29
atnexxt
sbbath
torkil
jfherring
visuallyspun
stphnclysmth
wbowers
revmitcz
cidibee
adamsimms
stylz
SpinZ
kcmr
section31


Handy CSS Debug Snippet

Published in: CSS 

URL: http://homepage.mac.com/chrispage/iblog/C42511381/E20060806095030/index.html

Great little debuging snippet found while browsing. The code adds different coloured borders to the assets depending on its level. Leave commented out if not needed.


Plain TextExpand 
  1. * { outline: 2px dotted red }
  2. * * { outline: 2px dotted green }
  3. * * * { outline: 2px dotted orange }
  4. * * * * { outline: 2px dotted blue }
  5. * * * * * { outline: 1px solid red }
  6. * * * * * * { outline: 1px solid green }
  7. * * * * * * * { outline: 1px solid orange }
  8. * * * * * * * * { outline: 1px solid blue }

Report this snippet 

Comments

RSS Icon Subscribe to comments
Posted By: tylerhall on August 7, 2006

That's so clever - never would have thought of that. I love it.

You need to login to post a comment.