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