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