خصائص left CSS
- الصفحة السابقة @layer
- الصفحة التالية letter-spacing
تعريف ووظيفة
يحدد خاصية left حافة اليسرى للعنصر. تعريفها تحدد الهوامش الخارجية للعنصر المحدد الموضع بشكل مطلق مع الحافة اليسرى للكتلة المضمّنة.
ملاحظة:إذا كان قيمة الخاصية position هي "static"، فإن تعيين الخاصية left لن يكون له أي تأثير.
شرح
للمعلمات الثابتة، تكون القيمة تلقائية؛ للقيم الطولية، تكون القيمة المحددة؛ للقيم المئوية، تكون القيمة المحددة؛ في الحالات الأخرى، تكون تلقائية.
للمعلمات المحددة بشكل نسبي، يكون قيمة left دائمًا تساوي right.
انظر أيضًا:
دليل CSS:تثبيت CSS
دليل HTML DOM:خصائص left
مثال
ضع حافة اليسرى للصورة في موقع 100 بكسل إلى اليمين من حافة اليسرى للعنصر المضمّن:
img
{
position:absolute;
left:100px;
}
جافا سكربت:
left: تلقائي|طول|بدءية|توريث;
قيمة الخاصية
| القيمة | الوصف |
|---|---|
| تلقائي | القيمة الافتراضية. يتم حساب موقع الحافة اليسرى من قبل المتصفح. |
| % | تعيين الموقع اليسرى للعنصر بناءً على النسبة المئوية من حجم العنصر. يمكن استخدام القيم السلبية. |
| طول | استخدام وحدات مثل px،cm لتعيين موقع الحافة اليسرى للعنصر. يمكن استخدام القيم السلبية. |
| توريث | يحدد ذلك أن يجب استيراد قيمة left من العنصر الأم. |
تفاصيل التقنية
| القيمة الافتراضية: | تلقائي |
|---|---|
| التوريث: | لا |
| الإصدار: | CSS2 |
| جافا سكربت: | object.style.left="100px" |
مزيد من الأمثلة
- استخدام القيمة الثابتة لضبط الحافة اليسرى للصورة
- هذا المثال يوضح كيفية استخدام القيمة الثابتة لضبط الحافة اليسرى للصورة.
- استخدام النسبة المئوية لضبط الحافة اليسرى للصورة
- هذا المثال يوضح كيفية استخدام النسبة المئوية لضبط الحافة اليسرى للصورة.
دعم المتصفح
الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بشكل كامل.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 5.5 | 1.0 | 1.0 | 5.0 |
- الصفحة السابقة @layer
- الصفحة التالية letter-spacing
