Style marginLeft 属性

تعریف اور استعمال

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 ویژگی کو بھیجنا:

آبجیکٹ.style.marginLeft

marginLeft ویژگی کو سیٹ کرنا:

آبجیکٹ.style.marginLeft = "%|طول|auto|inherit"

ویژگی کا مقصد

مقدار وصف
% والد عنصر کی چوڑائی کا فیصد سے بائی جانب کی بیرونی حاشیہ کا مظور کرنا
طول طول کی اکائی سے بائی جانب کی بیرونی حاشیہ کا مظور کرنا
auto مرورکر کا سیٹاپ کیا جاتا ہے
initial اس کا مقصدی کارکردگی کو اس کی مقصدی کارکردگی پر قائم کرنا ہے۔ دیکھئے: initial۔
inherit اس کی جگہ اپنے والد عنصر سے اس کا حصہ لیا جاتا ہے۔ دیکھئے: inherit۔

تکنیکی تفصیلات

مقصد: 0
بھیجتا ہے: عبارت، جو عناصر کی بائی جانب کی بیرونی حاشیہ کا مظور کرتی ہے۔
CSS ورژن: CSS1

بھرورن سے پشتیبانی کرنے والا مرورکر

Chrome Edge فائرفاکس سافری آپریا
Chrome Edge فائرفاکس سافری آپریا
اپنارتی اپنارتی اپنارتی اپنارتی اپنارتی