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