【CSS】box-shadowで外側に罫線を付ける

Yukimi Sato 56views 更新:2015年8月7日

border-boxを付けない限りは幅、高さにborderは干渉しますが、完全に外側に付けるにはbox-shadowで以下のように指定すれば可能なようです。

div {
    box-shadow : 0 0 0 10px #000;
}

10pxはborderの太さ、#oooは色になります。

この書き方だとborderの太さは幅・高さには干渉しませんが、marginには干渉するため、記述時には上手く使い分けたいですね。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません