خاصية Style top
- الصفحة السابقة textTransform
- الصفحة التالية تحويل
- العودة إلى الصفحة السابقة مثل HTML DOM Style
التعريف والاستخدام
top إعداد أو إرجاع موقع العنصر المحدد في الأعلى.
تحدد هذه الخاصية موقع العنصر الأعلى، بما في ذلك الهوامش الداخلية والشوائب والهوامش الخارجية.
نصيحة:العنصر المحدد هو خاصية position إعداد:مستقل،محدد أو ثابت.
نصيحة:لإعداد أو إرجاع موقع العنصر المحدد في الأسفل، استخدم: خاصية bottom.
يرجى الرجوع أيضًا إلى:
دليل CSS:تحديد الموقع CSS
دليل CSS:خاصية top
مثال
مثال 1
إعداد موقع العنصر <button>:
document.getElementById("myBtn").style.top = "100px";
مثال 2
استخدام القيمة السلبية - إعداد موقع العنصر <div>:
document.getElementById("myDiv").style.top = "-100px";
مثال 3
إرجاع موقع العنصر <div>:
alert(document.getElementById("myDiv").style.top);
النحو
إرجاع الخاصية top:
العدة.style.top
إعداد الخاصية top:
العدة.style.top = "الافتراضي|طول|%|الافتراضي|التوريث"
قيمة الخاصية
| القيمة | الوصف |
|---|---|
| الافتراضي | للتصفح لتحديد موقع العنصر الأعلى. افتراضي. |
| طول | يحدد موقع العنصر الأعلى باستخدام وحدة طول. يسمح بالقيم السلبية. |
| % | يحدد موقع العنصر الأعلى بنسبة من إرتفاع العنصر الأم. |
| الافتراضي | اجعل هذا الخصائص قيمة افتراضية. يرجى الرجوع إلى الافتراضي. |
| التوريث | يرجى الرجوع إلى التوريث. |
تفاصيل التقنية
| القيمة الافتراضية: | لا شيء |
|---|---|
| القيمة المعدلة: | قيمة النص، تمثل موقع العنصر الأعلى. |
| إصدار CSS: | CSS2 |
الدعم عن طريق المتصفح
| الشروم | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| الشروم | Edge | Firefox | Safari | Opera |
| الدعم | الدعم | الدعم | الدعم | الدعم |
- الصفحة السابقة textTransform
- الصفحة التالية تحويل
- العودة إلى الصفحة السابقة مثل HTML DOM Style
