box-shadowのパラメータをChromeのDeveloperToolで指定する

CSSでbox-shadowを指定するとき、いつも何番目のパラメータが何だったか思い出せなくなるのですが、chrome の開発者ツールを使えばUIで指定できました。

• F12キーを押すなどしてChormeのDeveloperToolを表示（これはやらなくてもOK)
• 対象のオブジェクトを右クリックして「検証」をクリック
• DevelopToolに対象のノードのスタイルが表示される

ここで、box-shadowのところを見ると、四角のアイコンがあるのでクリックします。

すると、マウスでシャドウの位置調整ができ、DevelopTool内のパラメータが変更されます。

ここで見栄えを確認して実際のコードを編集すれば良いです。