Style marginBottom پیوسته
- پچھلے پیج margin
- پائیدھی پیج marginLeft
- ایک سطح اوپر واپس جائیے ایچ تی ام ال DOM استایل اوبجیکٹ
تعریف و استفاده
marginBottom ویژگی برای تنظیم یا بازگرداندن فاصله پایینی بیرونی عنصر.
ویژگی margin و ویژگی padding در اطراف عنصر فضای خالی قرار می‌دهند. اما تفاوت‌ها در این است که، margin در اطراف حاشیه قرار می‌دهد، در حالی که padding در داخل حاشیه عنصر قرار می‌دهد.
لطفاً به
آموزش CSS:CSS کا بیرونی حاشیہ
دستورالعمل CSS:ویژگی margin-bottom
دستورالعمل HTML DOM:ویژگی margin
مثال
مثال 1
فاصله پایینی بیرونی <div> را تنظیم کنید:
document.getElementById("myDiv").style.marginBottom = "50px";
مثال 2
فاصله پایینی بیرونی <div> را به "normal" برگردانید:
document.getElementById("myDiv").style.marginBottom = "0px";
مثال 3
مقدار فاصله پایینی بیرونی <div> را بازگرداند:
alert(document.getElementById("myDiv").style.marginBottom);
مثال 4
تفاوت بین marginBottom و paddingBottom:
function changeMargin() {
document.getElementById("myDiv").style.marginBottom = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.paddingBottom = "100px";
}
نحوه نوشتن
مقدار بازگشتی ویژگی marginBottom:
object.style.marginBottom
تنظیم ویژگی marginBottom:
object.style.marginBottom = "%|length|auto|initial|inherit"
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| % | با استفاده از درصد عرض عنصر والد فاصله پایینی بیرونی را تعریف کنید. |
| length | با استفاده از واحد طول فاصله پایینی بیرونی را تعریف کنید. |
| auto | تنظیمات مرورگر به فاصله پایینی بیرونی مراجعه کنید. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | 0 |
|---|---|
| مقدار بازگشتی: | یک رشته، که فاصله پایینی بیرونی عنصر را نشان می‌دهد. |
| CSS ورژن: | CSS1 |
بrowser کی پشتیبندگی
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| پشتیبندگی | پشتیبندگی | پشتیبندگی | پشتیبندگی | پشتیبندگی |
- پچھلے پیج margin
- پائیدھی پیج marginLeft
- ایک سطح اوپر واپس جائیے ایچ تی ام ال DOM استایل اوبجیکٹ
