خصائص مسافة الحدود

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

تحدد خاصية border-spacing مسافة الحدود بين الخلايا المجاورة (للنمط الفواصل فقط).

تعليق:لا تدعم بعض إصدارات متصفح IE هذه الخاصية.

شرح

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

انظر أيضًا:

دليل CSSجداول CSS

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

مثال

إعداد border-spacing للجدول:

table
  {
  border-collapse:separate;
  border-spacing:10px 50px;
  }

جرب بنفسك

جملة CSS

border-spacing: طول|الافتراضي|توريث;

قيمة الخاصية

القيمة الوصف
طول طول

يحدد المسافة بين حدود الخلايا المجاورة. يستخدم وحدات مثل px،cm وما إلى ذلك. لا يسمح بالقيم السلبية.

إذا تم تعريف معلمة واحدة طول فإنها تعرف المسافة العرضية والعمودية.

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

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

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

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

إعداد مسافة الحدود في الجدول
هذا المثال يوضح كيفية إعداد مسافة الحدود بين الخلايا.

دعم المتصفح

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.0 4.0