توضیح قسمتهای مختلف مدل Box
می توانید در طرح زیر، مفهوم Box Model را دقیقتر درک کنید:
- Margin: فضای خالی در خارج از محیط Box و مرز Border، که می توان اندازه آن را برای ضلع های مختلف (Top , Right , Bottom , Left) به صورت کلی و یا جزء به جزء تعیین نمود . این فضا دارای رنگ پس زمینه نیست وبه صورت یک فضا با پس زمینه شفاف یا Transparent در فضای اطراف Box قرار می گیرد.
- Border: مشخص کننده مرز خارجی Box یعنی خارج از محتوا (Content) و (Padding) که می توان میزان ضخامت و رنگ و نوع آن را تعیین نمود. به صورت پیش فرض رنگ آن از رنگ زمینه Box پیروی می کند.
- Padding: فضای خالی مابین محتوا و مرز (Border) داخلی Box ، که می توان اندازه آن را برای ضلع های مختلف (Top وRight , Bottom , Left) به صورت کلی و یا جزء به جزء تعیین نمود . رنگ پس زمینه این فضا از رنگ پس زمینه Box پیروی می کند.
- Content: محتویات داخلی یک Box ، که می تواند شامل متن ، تصویر ، لیست و یا جدول و … باشد.
