خصائص انهيار الحدود CSS

التعريف والاستخدام

تحدد خاصية border-collapse ما إذا كانت الحواف يتم دمجها في حافة واحدة أم يتم عرضها بشكل منفصل مثل HTML المعياري.

انظر أيضًا:

دليل CSSجداول CSS

دليل HTML DOMخاصية borderCollapse

مثال

ضبط نموذج دمج حواف الجدول:

table
  {
  border-collapse:collapse;
  }

جرب بنفسك

جافا سكريبت الجرافيك

border-collapse: separate|collapse|initial|inherit;

قيمة الخاصية

القيمة الوصف
separate القيمة الافتراضية. سيتم تقسيم الحواف. لن يتم تجاهل الخاصيتين border-spacing و empty-cells.
collapse إذا كان ذلك ممكنًا، سيتم دمج الحواف في حافة واحدة. سيتم تجاهل الخاصيتين border-spacing و empty-cells.
inherit يحدد ذلك يجب أن تورث الخاصية border-collapse من العنصر الأم.

تفاصيل التقنية

القيمة الافتراضية: separate
الوراثة: نعم
الإصدار: CSS2
جافا سكريبت الجرافيك: object.style.borderCollapse="collapse"

مزيد من الأمثلة

دمج حواف الجدول
هذا المثال يوضح ما إذا كان يجب عرض حواف الجدول كحافة واحدة منفردة، أم يجب عرضها بشكل منفصل مثل HTML المعياري.

دعم المتصفح

الرقم في الجدول يشير إلى إصدار المتصفح الأول الذي يدعم هذه الخاصية بالكامل.

Chrome IE / Edge Firefox Safari Opera
1.0 5.0 1.0 1.2 4.0