خاصية حدود النمط
مثال
أضف حدًا إلى عنصر <div>:
document.getElementById("myDiv").style.border = "thick solid #0000FF";
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
تقوم خاصية الحدود بتعيين أو إرجاع ما يصل إلى ثلاث خصائص حد منفصلة ، في نموذج مختصر.
باستخدام هذه الخاصية ، يمكنك تعيين / إرجاع واحد أو أكثر مما يلي (بأي ترتيب):
- عرض الحدود
- نمط الحدود
- لون الحدود
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
Property | |||||
---|---|---|---|---|---|
border | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
بناء الجملة
إرجاع خاصية الحدود:
object.style.border
قم بتعيين خاصية الحدود:
object.style.border = "width style color|initial|inherit"
قيم الملكية
Parameter | Description |
---|---|
width | Sets the width of the borders |
style | Sets the style of the borders |
color | Sets the color of the borders |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
تفاصيل تقنية
القيمة الافتراضية: | غير محدد |
---|---|
قيمة الإرجاع: | سلسلة ، تمثل عرض الحدود ونمط و / أو لون العنصر |
إصدار CSS | CSS1 |
مزيد من الأمثلة
مثال
غيّر عرض ونمط ولون حد عنصر <div>:
document.getElementById("myDiv").style.border = "thin dotted red";
مثال
قم بإرجاع قيم خاصية الحدود لعنصر <div>:
alert(document.getElementById("myDiv").style.border);
الصفحات ذات الصلة
دروس CSS: CSS Border
مرجع CSS: خاصية الحدود