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

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

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

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

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

ハックノートをフォローして
最新情報をチェックしよう

AWSの移行・構築はプロにおまかせ

サーバーからAWSへの移行も新規構築も初期費用無料です。
面倒なサーバー業務は全てお任せください。

くわしく読む