خاصية CSS bottom
مثال
اضبط الحافة السفلية لعنصر <div> على 10 بكسل فوق الحافة السفلية لأقرب عنصر أصلي مع بعض المواضع:
div.absolute {
position: absolute;
bottom:
10px;
width: 50%;
border: 3px solid #8AC007;
}
التعريف والاستخدام
تؤثر الخاصية على الوضع bottom
الرأسي لعنصر تم وضعه. هذه الخاصية ليس لها أي تأثير على العناصر غير الموضوعة.
- إذا كان الموقف: مطلق ؛ أو الموقف: ثابت ؛ - تقوم
bottom
الخاصية بتعيين الحافة السفلية لعنصر ما على وحدة أعلى / أسفل الحافة السفلية لأقرب سلف تم وضعه. - إذا كان الموقف: نسبي ؛ -
bottom
تجعل الخاصية الحافة السفلية للعنصر تتحرك فوق / أسفل موضعه الطبيعي. - إذا كان الموقف: لزجة ؛ -
bottom
تتصرف الخاصية كما لو كان موضعها نسبيًا عندما يكون العنصر داخل منفذ العرض ، ومثلما يكون موضعه ثابتًا عندما يكون بالخارج. - إذا كان الموقف: ثابت ؛ -
bottom
الخاصية ليس لها تأثير.
القيمة الافتراضية: | تلقاءي |
---|---|
وارث: | رقم |
متحرك: | نعم. اقرأ عن animatable |
الإصدار: | CSS2 |
بناء جملة JavaScript: | الكائن .style.bottom = "10 بكسل" |
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
Property | |||||
---|---|---|---|---|---|
bottom | 1.0 | 5.0 | 1.0 | 1.0 | 6.0 |
بنية CSS
bottom: auto|length|initial|inherit;
قيم الملكية
Value | Description | Play it |
---|---|---|
auto | Lets the browser calculate the bottom edge position. This is default | |
length | Sets the bottom edge position in px, cm, etc. Negative values are allowed. Read about length units | |
% | Sets the bottom edge position in % of containing element. Negative values are allowed | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
الصفحات ذات الصلة
برنامج CSS التعليمي: CSS Positioning
مرجع CSS: أعلى خاصية
مرجع CSS: الخاصية اليسرى
مرجع CSS: حق الملكية
مرجع DOM HTML: الخاصية السفلية