خصائص Style left
- الصفحة السابقة justifyContent
- الصفحة التالية letterSpacing
- العودة إلى المستوى السابق مثل HTML DOM Style
التعريف والاستخدام
left يُستخدم لضبط أو إرجاع موقع اليسار للعنصر المحدد.
يحدد هذا الخصائص موقع العنصر من اليسار، بما في ذلك الهوامش الداخلية، والشوكلات، والهوامش الخارجية.
تلميح:العنصر المحدد هو position تم تعيينه إلى:relative،absolute أو fixed العناصر.
تلميح:لإعداد أو إرجاع موقع اليمين للعنصر المحدد، استخدم خصائص right.
يرجى الرجوع أيضًا إلى:
دليل CSS التعليمي:تحديد CSS
دليل CSS:خصائص left
مثال
مثال 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);
النحو
إرجاع خاصية left:
object.style.left
ضبط خاصية left:
object.style.left = "auto|length|%|initial|inherit"
قيمة الخصائص
| القيمة | الوصف |
|---|---|
| auto | اترك المتصفح لتحديد موقع اليسار. افتراضي. |
| length | تحديد موقع اليسار بوحدة طول. يسمح بالقيم السلبية. |
| % | ضبط موقع اليسار بنسبة عرض العنصر الأم. |
| initial | ضبط هذا الخصائص إلى قيمته الافتراضية. يرجى الرجوع إلى initial. |
| inherit | تنقل هذا الخصائص من عنصر الوالد. يرجى الرجوع إلى inherit. |
تفاصيل التقنية
| القيمة الافتراضية: | auto |
|---|---|
| القيمة الم返回ة: | السلسلة، تعبر عن موقع العنصر من اليسار. |
| إصدار CSS: | CSS2 |
دعم المتصفح
| المتصفح | الحدود | Firefox | Safari | Opera |
|---|---|---|---|---|
| المتصفح | الحدود | Firefox | Safari | Opera |
| الدعم | الدعم | الدعم | الدعم | الدعم |
- الصفحة السابقة justifyContent
- الصفحة التالية letterSpacing
- العودة إلى المستوى السابق مثل HTML DOM Style
