سلام

box-model از ۴ قسمت تشکیل شده است :

۱. Content :

محتوا داخل تگ مورد نظر (متن , عکس , جدول , ..)

۲.Padding :

فضای خالیِ ما بین محتوا و Border است و رنگ پس زمینه این فضا از رنگ پس زمینه محتوا پیروی می‌کند.

۳. border :

مشخص کننده مرز خارجی محتوا (خارج از محتوا و Padding ) که می‌توان میزان ضخامت و رنگ و نوع آن را تعیین نمود.

نکته :

باید حتما ضخامت داشته باشد تا دیده شود.

۴. margin :

فضای خالی در خارج از محیط محتوا و Border

(برای فاصله المان‌ها از همدیگر استفاده میشود)