خصائص Style borderCollapse

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

borderCollapse تحديد أو العودة إلى ما إذا كانت حواف الجدول يجب أن تُدمج إلى حافة واحدة.

يرجى الرجوع أيضًا إلى:

دليل تعليم CSS:جداول CSS

دليل CSS:خاصية border-collapse

مثال

مثال 1

دمج حواف جدول:

document.getElementById("myTable").style.borderCollapse = "collapse";

جرب بنفسك

مثال 2

استرجاع خاصية borderCollapse:

alert(document.getElementById("myTable").style.borderCollapse);

جرب بنفسك

النحو

استرجاع خاصية borderCollapse:

object.style.borderCollapse

تعيين خاصية borderCollapse:

object.style.borderCollapse = "separate|collapse|initial|inherit"

قيمة الخاصية

القيمة وصف
separate رسم حافة منفصلة لكل خلية جدول. افتراضي.
collapse

إذا كان ذلك ممكنًا، سيتم دمج الحواف إلى حافة واحدة.

سيتم تجاهل خاصية border-spacing و empty-cells.
initial يتم تعيين هذا الخاصية إلى قيمتها الافتراضية. يرجى الرجوع إلى initial.
inherit ينتقل هذا الخاصية من عنصر الأب. يرجى الرجوع إلى inherit.

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

القيمة الافتراضية: separate
القيمة المعدة: الخطوة، تمثل حواف الجدول.
إصدار CSS: CSS2

دعم المتصفح

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

الخروم Edge Firefox Safari Opera
الخروم Edge Firefox Safari Opera
1.0 5.0 1.0 1.2 4.0