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