ویژگی CSS margin-bottom
- صف قبل margin-block-start
- صفحه بعدی margin-inline
تعریف و استفاده
ویژگی margin-bottom حاشیه پایینی عنصر را تنظیم می‌کند.
نکته:مقدار منفی نیز مجاز است.
لطفاً به:
دستورالعمل CSS:مargins CSS
دستورالعمل HTML DOM:ویژگی marginBottom
مثال
حاشیه پایینی عنصر p را تنظیم کنید:
p
{
margin-bottom:2cm;
}
(مثال‌های بیشتر در پایین صفحه قابل مشاهده است)
قوانین CSS
margin-bottom: length|auto|initial|inherit;
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| auto | حاشیه پایینی توسط مرورگر محاسبه می‌شود. |
| length | مقدار حاشیه پایینی را با استفاده از واحد‌های مشخص (مثل پیکسل، سانتی‌متر و غیره) مشخص می‌کند. مقدار پیش‌فرض 0px است. |
| % | با استفاده از درصد عرض عنصر شامل، حاشیه پایینی را مشخص می‌کند. |
| inherit | تعیین می‌کند که حاشیه پایینی باید از عنصر والد ارث‌برداری کند. |
جزئیات فنی
| مقدار پیش‌فرض: | 0 |
|---|---|
| ترتیب‌دهی: | no |
| نسخه: | CSS1 |
| قوانین جاوااسکریپت: | object.style.marginBottom="10px" |
مثال‌های بیشتر
- تنظیم حاشیه پایینی متن 1
- این مثال نشان می‌دهد که چگونه می‌توان با استفاده از واحد سانتی‌متر، حاشیه پایینی متن را تنظیم کرد.
- تنظیم حاشیه پایینی متن 2
- این مثال نشان می‌دهد که چگونه می‌توان با استفاده از درصد، حاشیه پایینی متن را تنظیم کرد.
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که این ویژگی را کاملاً پشتیبانی می‌کند.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
- صف قبل margin-block-start
- صفحه بعدی margin-inline
