English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
تستخدم خاصية border-bottom في CSS لضبط عرض، النمط ولون حافة القاع للعنصر. إنها خاصية لتحديد حافة القاع بشكل منفرد، وهي خاصية مختصرة border-bottom-width،border-bottom-styleوborder-bottom-colorهو بيان خاص.
جدول التالي يلخص سياق الاستخدام التطبيقي والتاريخ الإصداري لهذه الصفة.
| القيمة الافتراضية: | عرض جميع الصفات |
|---|---|
| تطبيق على: | جميع العناصر |
| الوراثة: | لا |
| يمكن تحريكه: | نعم،يرجى الرجوع إلى الصفة الفردية。يرجى الرجوع صفات الرسوم المتحركة。 |
| الإصدار: | CSS 1،2،3 |
| قواعد النحو بلغة JavaScript: | object object.style.borderBottom="2px solid red" |
قواعد النحو لهذه الصفة هي:
border-bottom: [ border-bottom-width border-bottom-style border-bottom-color ] | initial | inherit
المثال التالي يعرض كيفية استخدام خاصية border-bottom.
h1 {border-bottom: 5px dashed #ff0000;}
p {border-bottom: 3px dotted #00ff00;}اختبار لمعرفة‹/›جدول التالي يصف قيم هذه الصفة.
| القيمة | الوصف |
|---|---|
| border-bottom-width | تحديد عرض حافة القاع للعنصر. |
| border-bottom-style | تحديد نمط خط حافة القاع للعنصر. |
| border-bottom-color | تحديد لون حافة القاع للعنصر. |
| initial | أعد هذه الصفة إلى قيمتها الافتراضية. |
| inherit | إذا تم تحديدها، فإن العناصر ذات الصلة تأخذ قيمة الحساب الخاصة بالصفة border-bottom للعنصر الأب. |
مستوى التوافق للمتصفح مع خاصية border-bottom، جميع المتصفحات الرئيسية تدعم هذه الصفة.
|
انظر إلى الدروس:CSS Border،CSS3 Border。
الصفات ذات الصلة:border،border-bottom-color،border-bottom-style،border-bottom-width。