CSS left حوالی
- الصفحة السابقة @layer
- الصفحة التالية letter-spacing
التعريف والاستخدام
تحدد الخاصية left حافة اليسرى للعنصر. تعرف هذه الخاصية على أنها التموضع الخارجي للحدود اليسرى للعنصر مقارنة بالعنصر المضيف.
ملاحظة:إذا كان قيمة الخاصية position هي "static"، فإن ضبط الخاصية left لن ينتج أي تأثير.
شرح
للمعلمات الثابتة، يكون القيمة تلقائيًا؛ للقيم الطولية، يكون القيمة هي القيمة المحددة؛ للقيم المئوية، يكون القيمة هي القيمة المحددة؛ في جميع الحالات الأخرى، يكون القيمة تلقائيًا.
للمعلمات المحددة بشكل نسبي، يكون قيمة left دائمًا تساوي right.
انظر أيضًا:
دليل CSSتوجيه CSS
دليل HTML DOMخصائص left
مثال
ضع حافة اليسرى للصورة في 100 بكسل من حافة اليسرى للعنصر المضيف:
img
{
position:absolute;
left:100px;
}
جملة CSS
left: auto|طول|initial|inherit;
قيمة الخاصية
| القيمة | الوصف |
|---|---|
| تلقائي | القيمة الافتراضية. يتم حساب موقع الحافة اليسرى من قبل المتصفح. |
| % | ضبط الموقع اليسرى للعنصر بناءً على النسبة المئوية من حجم العنصر. يمكن استخدام القيم السلبية. |
| طول | استخدام وحدات مثل 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
