خصائص Style bottom

التعريف والاستخدام

bottom إعداد أو إرجاع موقع السفلي للعنصر المحدد.

نصيحة:العنصر المحدد هو العنصر الذي تم تعيين خاصية position على: relative أو absolute أو fixed.

نصيحة:لإعداد أو إرجاع موقع الأعلى للعنصر المحدد، استخدم خاصية top.

يرجى الرجوع أيضًا إلى:

دليل CSS:CSS ɗanar wajib

دليل 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
支持 支持 支持 支持 支持