English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
خصائص CSS bottom تحدد إزاحة الحافة السفلية للعنصر الموجود في إطار التوجيه مقارنة بالحافة السفلية للعنصر المرجع أو نافذة المتصفح.
للمكونات، يحدد الخاصية bottom إزاحة الحافة السفلية للصندوق الخاص به إلى أعلى الحافة السفلية للصندوق المحدد.يحدد الخاصية bottom إزاحة الحافة السفلية للعنصر الموجود في إطار المرجع إلى الحافة السفلية للصندوق المرجع أو نافذة المتصفح.توجيه مطلق
للمكونات، يحدد الخاصية bottom إزاحة الحافة السفلية للصندوق الخاص به إلى أعلى الحافة السفلية للصندوق المحدد.توجيه مطلقعنصر، يحدد الخاصية bottom إزاحة الحافة السفلية للصندوق الخاص به مقارنة بالحافة السفلية للصندوق.
جدول أدناه يوضح كيفية الاستخدام و سجلات الإصدار لهذه الخاصية، بالإضافة إلى استخدام الخاصية في نصوص JavaScript.
| القيمة الافتراضية: | auto |
|---|---|
| يُستخدم ل: | عناصر التوجيه |
| الوراثة: | لا |
| يمكن تحريكه: | نعم.يرجى الرجوع إلى خصائص التحريك。 |
| الإصدار: | CSS 2、3 |
| قواعد النص لـ JavaScript: | object.style.bottom="50px" |
قواعد النص الناظمة لهذه الخاصية هي:
bottom: length | percentage | auto | initial | inherit
في المثال أدناه، يتم عرض كيفية استخدام الخاصية bottom.
p {
position: absolute;
bottom: 150px;
}التحقق من‹/›جدول أدناه يصف قيم هذه الخاصية.
| القيمة | الوصف |
|---|---|
| length | تحديد الإزاحة كقيمة طول باستخدام وحدات مثل px،pt،cm،em وما إلى ذلك. يمكن استخدام القيم السلبية. |
| percentage | تحديد حجم الإزاحة كنسبة مئوية. يتم حساب النسبة المئوية بالنسبة إلى طول العنصر المحدد. |
| auto | المتصفح يحسب موقع الحافة السفلية. هذا هو القيمة الافتراضية. |
| initial | قم بتعيين هذا الخصائص إلى قيمته الافتراضية. |
| inherit | إذا تم تحديدها، فإن العناصر المرتبطة تستخدم قيمة bottom للعنصر الأم. |
مستوى التوافق للمتصفحات في الخاصية bottom، الأرقام في الجدول التالي تمثل أحدث إصدار من المتصفح الذي يدعم الخاصية؛ جميع المتصفحات الشائعة يدعمون الخاصية.
|
يرجى الرجوع إلى التعليمات التالية:وضع CSS (position)،CSS الطبقات。
الخصائص ذات الصلة:الوضع،الجزء العلوي،اليمين،اليسار،z-index。