CSS hauza border-spacing 属性

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

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

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

شرح

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

انظر أيضًا:

دليل CSSCSS 表格

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

مثال

ضبط border-spacing للجدول:

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

جرب بنفسك

جملة CSS

border-spacing: length|initial|inherit;

قيمة الخاصية

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

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

إذا تم تعريف معلمة واحدة length المعلمات، فإنها تعريف مسافة أفقية وعمودية.

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

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

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

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

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

دعم المتصفح

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