ブログ投稿にCSSbox-shadowを追加しました。<img>imgs はmax-width:100%、サイズが変更されたときに列を埋めるように設定されています。
CSS ボックス モデルの境界線の外側のボックス シャドウ レンダリングが原因で、シャドウが余白にこぼれます。影が列の内側に収まるように、画像に余分なマージンを与えたいと思います。ただし、これを使用marginすると、画像が列よりも広くなります。
上記のように幅に影響を与えずに影を内側に座らせる良い方法はありますか? 別の要素でラップすることを考えましたが、それを行うのは残念です。
実線の境界線を使用していた場合box-sizing:border-box;、これを達成するために使用できたはずですが、それは何の関係もありませんbox-shadowか?