borderをcssで設定する際、内側・外側どちらに表示されるのか?

コーディング作業を断続的に行う為、よくcssを忘れてしまう。
特に”border” と “width” をどのように指定すればよいか、についてだ。
毎度迷うのが”border” は内側なのか外側なのかという疑問。
<div style=”border:1px solid red;width:780px;”>
この様に同一内で、widthを指定した場合外側として認識される。
widthとborderを混在させず、下記の様に…
<div style=”width:780px;”>
<div style=”border:1px solid red;”>
分離して書いた場合、borderは内側として認識される。

Leave a Reply