مثال
تغيير عرض الحدود الأربعة لل <div> العنصر:
document.getElementById("myDiv").style.borderWidth = "thick"; انها محاولة لنفسك » تعريف والاستخدام
مجموعات الملكية borderWidth أو إرجاع عرض الحدود للعناصر.
هذا العقار يمكن أن يستغرق من أربعة القيم:
- قيمة واحدة، مثل: ع {الحدود ذات العرض: سميكة} - كل الحدود الأربعة سوف تكون سميكة
- قيمتين، مثل: ع {-عرض الحدود: سميكة رقيقة} - الحد العلوي والسفلي سوف تكون سميكة، واليسار وسوف الحد الأيمن تكون رقيقة
- ثلاث قيم، مثل: ع {-عرض الحدود: سميكة متوسطة رقيقة} - فإن الحد العلوي تكون سميكة، واليسار وسوف الحد الأيمن تكون رقيقة، والحد السفلي يكون المتوسط
- أربعة القيم، مثل: ع {-عرض الحدود: سميكة متوسطة رقيقة 10px} - فإن الحد العلوي تكون سميكة، والحد الأيمن تكون رقيقة، والحد السفلي يكون المتوسط، والحد الأيسر يكون 10px
دعم المتصفح
ويدعم خاصية borderWidth في جميع المتصفحات الرئيسية.
بناء الجملة
إعادة الممتلكات borderWidth:
object .style.borderWidth
تعيين الخاصية borderWidth:
object .style.borderWidth="thin|medium|thick| قيم الممتلكات القيمة وصف thin يعرف الحدود رقيقة medium يعرف الحدود المتوسط. هذا هو الافتراضي thick يعرف الحدود سميكة length عرض الحدود في وحدات طول initial تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي inherit يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة
تفاصيل تقنية
القيمة الافتراضية: متوسط قيمة الإرجاع: سلسلة يمثلون عرض الحدود للعناصر صفحة CSS CSS1
مزيد من الأمثلة
مثال
تغيير عرض الحد العلوي والسفلي لسميكة، والحدود اليسار واليمين رقيقة من <div> العنصر:
document.getElementById("myDiv").style.borderWidth = "thick thin";
انها محاولة لنفسك »
مثال
تغيير عرض الحدود الأربعة لل <div> عنصر، وذلك باستخدام قيمة الطول:
document.getElementById("myDiv").style.borderWidth = "1px 5px 10px
20px";
انها محاولة لنفسك »
مثال
إعادة عرض الحد من <div> العنصر:
alert(document.getElementById("myDiv").style.borderWidth);
انها محاولة لنفسك »
صفحات ذات صلة
CSS التعليمي: CSS الحدود
CSS إشارة: border-width property
HTML DOM المرجع border property
<كائن نمط