لیست‌ها در Css
اردیبهشت ۱۷, ۱۴۰۳
ویژگی vertical-align در 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;
