خواص 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;
منبع: sitedesign-co.com
سایر مقالات مرتبط :
- استفاده از گوگل ادز در ایران چگونه و چطور؟
- خرید سرور خارج از کشور از سرودیتا
- بهترین سئوکار خانم در ایران ❤️ | بهترین سئوکار خانم ایران
- قوی ترین باتری گوشی های سامسونگ و شیائومی در سال 2023
- سرور HP چیست؛ ۴ دلیل برای استفاده از آن
- با بهترین هاستینگ طراحان وب شمالغرب کشور آشنا شوید
- خلاقیت در تولید محتوا | جدیدترین متدهای افزایش خلاقیت محتوا ۲۰۲۳
- فروش مفتول گالوانیزه، سیم آرماتوربندی، سیم خاردار و فنس در فروشگاه اینترنتی حصارآنلاین
- تعمیر آنلاین ، مرکز تخصصی تعمیرات لوازم خانگی
- برد هوشمند چیست؟ + نحوه استفاده از وایت برد هوشمند
- راهنمای خرید عمده لوازم جانبی کامپیوتر
- افزایش سرعت سایت های شلوغ