CSSデバッグを行う簡単な方法

今日、面白いものを探してインターネットに出かけたところ、レイアウトの「問題」を見つけるために、この単純な（そしてその単純さでもすばらしい）方法に出会いました。

CSS

* { outline: 2px dotted red; }

* * { outline: 2px dotted green; }

* * * { outline: 2px dotted orange; }

* * * * { outline: 2px dotted blue; }

* * * * * { outline: 1px solid red; }

* * * * * * { outline: 1px solid green; }

* * * * * * * { outline: 1px solid orange; }

* * * * * * * * { outline: 1px solid blue; }



誰でも好みの色、タイプ、ストロークサイズを選択できます。

ブラウザサポート：

残念ながら、Microsoftバージョン6および7のブラウザー（8日-すべては問題ありません）では、 outline



プロパティはサポートされていません。 それらの場合、 border



を使用する必要があります。