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

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

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

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

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