DIV全体を囲むCSSボックスシャドウを追加する

質問

DIV全体を影で囲むことは可能でしょうか？

-moz-box-shadow: 3px 3px 3px #ccc;
-webkit-box-shadow: 3px 3px 3px #ccc;
box-shadow: 3px 3px 3px #ccc;

属性の順番が行くのはわかるけど

• 水平方向のオフセット
• 垂直方向のオフセット
• ぼかし半径
• 色

でも、影を片方の縁や側面だけに表示するのではなく、全周に渡って表示させることはできないでしょうか。

どのように解決するのですか？

影をオフセットしているので、ボックスを一様に囲むようにするには、オフセットしないようにします。

-moz-box-shadow: 0 0 3px #ccc;
-webkit-box-shadow: 0 0 3px #ccc;
box-shadow: 0 0 3px #ccc;