خصائص Style borderSpacing

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

borderSpacing تعيين الخاصية أو إرجاع المسافة بين خلايا الجدول.

ملاحظة:إذا تم تعيين borderCollapse إلى collapse، فإن هذه الخاصية لا تكون صالحة.

انظر أيضًا:

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

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

مثال

مثال 1

تعيين المسافة بين خلايا الجدول:

document.getElementById("myTable").style.borderSpacing = "20px";

جرب بنفسك

مثال 2

إرجاع المسافة بين خلايا الجدول:

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

جرب بنفسك

النحو

إرجاع خاصية borderSpacing:

object.style.borderSpacing

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

object.style.borderSpacing = "length length|initial|inherit"

قيمة الخاصية

القيمة وصف
length length

تُحدد المسافة بين الخلايا باستخدام وحدة طول. لا يُسمح باستخدام القيم السلبية. القيمة الافتراضية هي 0.

إذا تم تحديد قيمة طولية واحدة، فإن المسافة الأفقية والعمودية تُحددان في نفس الوقت.

إذا تم تحديد قيمتين طوليتين، فإن القيمة الأولى تُحدد المسافة الأفقية، والثانية تُحدد المسافة العمودية.
initial تعيين هذه الخاصية إلى قيمتها الافتراضية. يرجى الرجوع إلى initial.
inherit تنقل هذه الخاصية من عنصر الأب. يرجى الرجوع إلى inherit.

تفاصيل تقنية

القيمة الافتراضية: 0
القيمة المعدة: قيمة نصية، تُمثل المسافة بين خلايا الجدول.
إصدار CSS: CSS2

دعم المتصفح

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
الدعم 9.0 الدعم الدعم الدعم