X
انجمن برنامه نویسی آموزش CSS

خواص Border , Margin , Padding در Css

خواص Border , Margin , Padding در Css

در این بخش از آموزش css، خاصیت Border، خاصیت Margin و خاصیت Padding را توضیح می‌دهیم.

خاصیت Border

border: از خاصیت border در طراحی سایت به حاشیه متن‌ها و یا رنگ‌ها استفاده می‌شود بهتر است در این خاصیت width و height را هم تعیین کرد.

خاصیت Margin

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

خاصیت Padding

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

مثال زیر کاربرد خاصیت Border، خاصیت Margin و خاصیت Padding را در طراحی سایت نشان می‌دهد.

width:250px;
padding:10px;
border:5px solid gray;
margin:10px;

Print
نظرات بسته شده است.
دی ان ان