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