تعريف واستخدام
الخاصية الحدود العرض يحدد عرض أربعة الحدود للعناصر. هذا العقار يمكن أن يكون من أربعة القيم.
أمثلة:
- border-width:thin medium thick 10px;
- كبار الحدود رقيقة
- الحد الأيمن متوسط
- الحد السفلي سميكا
- الحدود الأيسر 10px
- border-width:thin medium thick;
- كبار الحدود رقيقة
- الحدود اليمنى واليسرى متوسطة
- الحد السفلي سميكا
- border-width:thin medium;
- الحدود العلوية والسفلية هي رقيقة
- الحدود اليمنى واليسرى متوسطة
- border-width:thin;
- كل الحدود الأربعة هي رقيقة
Note: يعلن دائما ملكا على غرار الحدود قبل الملكية للحدود العرض. يجب أن يكون عنصرا الحدود قبل أن تتمكن من تعيين عرض.
| القيمة الافتراضية: | medium |
|---|---|
| وارث: | no |
| Animatable: | yes. Read about animatable Try it |
| الإصدار: | CSS1 |
| جافا سكريبت بناء الجملة: | object .style.borderWidth="1px 5px" Try it |
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
| خاصية | |||||
|---|---|---|---|---|---|
| border-width | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS بناء الجملة
border-width: medium|thin|thick|length|initial|inherit;قيم الملكية
| القيمة | وصف | العبها |
|---|---|---|
| medium | يحدد الحدود المتوسط. هذا هو الافتراضي | العبها " |
| thin | يحدد الحدود رقيقة | العبها " |
| thick | يحدد الحدود سميكة | العبها " |
| length | يسمح لك لتحديد سمك الحدود | العبها " |
| initial | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي | العبها " |
| inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
صفحات ذات صلة
درس CSS: CSS الحدود
HTML DOM المرجع borderWidth property