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