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