DIAGNOSTIC CSS IE7


/ Published in: CSS
Save to your folder(s)

Eric Meyer Diagnostic CSS


Copy this code and paste it in your HTML
  1. div:empty, span:empty,
  2. li:empty, p:empty,
  3. td:empty, th:empty {padding: 0.5em; background: yellow;}
  4.  
  5. *[style], img, a[href],
  6. font, center {border: 5px solid red;}
  7. *[class=""], *[id=""] {border: 5px dotted red;}
  8. table, th {border: 5px solid red;}
  9.  
  10. img {border: 5px solid red;}
  11. img[alt][title] {border-width: 0;}
  12. img[alt] {border-color: fuchsia;}
  13. img[alt], img[title] {border-style: double;}
  14. img[alt=""][title],
  15. img[alt][title=""] {border-width: 3px;}
  16. img[alt=""][title=""] {border-style: dotted;}
  17.  
  18. table[summary],
  19. th[scope="col"],
  20. th[scope="row"] {border: 1px solid #AAA;}
  21.  
  22. a[title] {border-width: 0;}
  23. a[title=""] {border-width: 3px;}
  24. a[href="#"] {background: lime;}
  25. a[href=""] {background: fuchsia;}

URL: http://meyerweb.com/eric/tools/css/diagnostics/index.html

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.