مفهوم box-model

سلام

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

۱. Content :

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

۲.Padding :

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

۳. border :

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

نکته :

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

۴. margin :

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

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