استایل بائی جانب کی جگہ کی علامت
- صفحه قبلی justifyContent
- صفحه بعدی letterSpacing
- برگشت به طبقه بالاتر موضوع Style HTML DOM
تعریف اور استعمال
left
پوزیشن بند علامت کی جگہ کو قائم یا بھیجنا کا علامت کا استعمال کریئے۔
اس علامت کی بائی جانب کی جگہ کو قائم کرتی ہے، جس میں اندرونی پیدائش، سکرول بار، کیرنل اور بیرونی پیدائش شامل ہیں۔
نکاتی:پوزیشن بند علامت، پوزیشن علامت کی جگہ کوrelative
،absolute
یا fixed
عنصر کا استعمال کریئے۔
نکاتی:اگر آپ ناگزیر ہیں کہ پوزیشن بند علامت کی دکھائی جانب کی جگہ کو قائم یا بھیجنا چاہیئے تو اس کا استعمال کریئے right علامت۔
ایک دوسرے مراجع دیکھئے:
CSS تعلیمCSS پوزیشن
CSS مراجعبائی جانب کی جگہ کی علامت
مثال
مثال 1
<button> علامت کی بائی جانب کی جگہ کو قائم کرنا:
document.getElementById("myBtn").style.left = "100px";
مثال 2
<div> علامت کی بائی جانب کی جگہ کو قائم کرنا:
document.getElementById("myDIV").style.left = "100px";
مثال 3
منفی قیمت - <div> علامت کی بائی جانب کی جگہ کو قائم کرنا:
document.getElementById("myDIV").style.left = "-100px";
مثال 4
بائی جانب کی جگہ کو بھیجنا <div> علامت:
alert(document.getElementById("myDiv").style.left);
نحویات
بائی جانب کی جگہ کی علامت کو بھیجنا:
عنصر.style.left
بائی جانب کی جگہ کی علامت کو قائم کرنا:
عنصر.style.left = "auto|length|%|initial|inherit"
علامت کی جگہ کی قیمت
قیمت | وصف |
---|---|
auto | مرورگر کو بائی جانب کی جگہ کو قائم کرنا، مقصدی۔ |
length | طول کی وسیلے سے بائی جانب کی جگہ کو تعریف کرنا، منفی قیمتوں کو بھی اجازت دی جاتی ہیں۔ |
% | والد علامت کی چوڑائی کا فیصد سے بائی جانب کی جگہ کو قائم کرنا۔ |
initial | اس کی جگہ کو اس کی مقصدی قیمت پر سہولت دی جائے گی، ویدئو دیکھئے initial۔ |
inherit | اس کی جگہ کی پیدائش والد علامت سے وابستہ ہے، ویدئو دیکھئے inherit۔ |
تکنیکی تفصیلات
مقصد: | auto |
---|---|
بھیجائی جانے والی قیمت: | فارمچ، جو پوزیشن بند علامت کی بائی جانب کی جگہ کو ظاہر کرتی ہے。 |
CSS ورژن: | CSS2 |
بھرائی جانے والا مرورگر
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
- صفحه قبلی justifyContent
- صفحه بعدی letterSpacing
- برگشت به طبقه بالاتر موضوع Style HTML DOM