デバッグ用CSSのスニペット:phpspot開発日誌

A Handy CSS Debugging Snippet I use the following bit of CSS to help visualize the structure of an XHTML (or HTML) document by putting a colored outline around the border of every element. At each level in the hierarchy the color changes so you can see when “depth” changes. デバッグ用CSSのスニペット。 このCSSを定義しておくことで、階層的な構造を視覚的に次のように表示できます。 次がそのデバッグ用CSS * { outline: 2px dotted red } * * { outline: 2px dotted

[teru_while]

タグツリーが判りやすくなるアイデア

[ll_koba_ll]

css構築時のデバッグ

[furakutaru]

階層ごとに色枠でかこってくれてわかりやすい、ものはためし

[usj12262]

FireFoxのみたい