CSS:CSS効果を簡単に確認できる

CSSのプロパティを簡単に確認できるツールサイトがある。
使用方法はシンプル。画面の下にCSSプロパティの一覧がならんでいる。その中から効果を確認したいプロパティをクリックするだけで、上に表示されている文字列に効果が反映される。

さらに、右下にある「CODE」にを載せると、選択した交換コードが表示され、取得することができる。
また、右上にある「A」「1」のボタンにマウスを載せると段落サンプルとリストサンプルに切り替わる為、各サンプルでの効果を確認することもできる。

CSSでデザインしている時にプロパティを忘れてしまったり、効果の記憶が曖昧になってしまった時などに手軽に見える形で確認できる為、曖昧な記憶も一目瞭然でピンとくるのではないだろうか。

CSS Sandbox
aurelio.net/css-sandbox/