English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
يحدد خاصية الحدود في CSS عرض الجوانب الأربعة للعنصر، النمط والألوان. إنه يستخدم لضبط خاصية الحدود بشكل منفرد، أي الخاصية المختصرة، حيثborder-width،border-styleوborder-colorهو بيان واحد فقط.
الجدول أدناه يلخص استخدام النطاق الزمني والتاريخ التاريخي لهذه الخاصية.
| القيمة الافتراضية: | الرجوع إلى الخاصية الفردية |
|---|---|
| يُستخدم ل: | جميع العناصر |
| الوراثة: | لا |
| يمكن تحويله إلى رسوم متحركة: | نعم،يرجى الرجوع إلى الخاصية الفردية。يرجى الرجوع إلى خصائص الرسوم المتحركة。 |
| الإصدار: | CSS 1،2،3 |
| جافا سكربت: | object object.style.border="1px solid red" |
نصنع هذه الخاصية بالشكل التالي:
border: [ border-width border-style border-color ] | initial | inherit
ملاحظة:إذا كانت أي من الخاصيات المذكورة أعلاه مفقودة أو مكتوبة بشكل مختصر، فإن القيمة الافتراضية للخاصية (إذا كانت موجودة) ستتم إدراجها. لمزيد من التفاصيل، يرجى الرجوع إلى كل خاصية.
في المثال أدناه، يتم عرض كيفية استخدام خاصية border.
h1 { border: 5px solid #ff0000;}
p { color: #00ff00;border: 5px solid;}اختبار‹/›ملاحظة:إذاborder-colorمفقودة أو غير محددة (مثل border: 5px solid;)،colorستستخدم قيمة الخاصية العنصرية.border-styleفي هذه الحالة، إذا تم تخطي أو تجاهل هذه القيمة، لن يتم عرض أي حافة لأن القيمة الافتراضية لـborder-style هي none.
الجدول أدناه يصف قيم هذه الخاصية.
| القيمة | الوصف |
|---|---|
| border-width | تعيين عرض حافة العنصر. |
| border-style | تعيين نوع خط حافة العنصر. |
| border-color | تعيين لون حافة العنصر. |
| initial | إعداد هذه الخاصية إلى قيمتها الافتراضية. |
| inherit | إذا تم تحديد هذا، فإن العناصر المرتبطة تستخدم قيمة حساب الخاصية border للعنصر الأب. |
توافق متصفحات الـborder الخاصية، جميع المتصفحات الشائعة تدعم هذه الخاصية.
|
يرجى الرجوع إلى الدروس التالية:CSS Border،CSS3 Border。
الخصائص ذات الصلة:border-width،border-style،border-color،border-collapse،border-image،border-radius،border-spacing。