طريقة استخدام خاصية CSS border-spacing وأمثلة

يستخدم خاصية CSS border-spacing نموذج حاجز الجدران لتعيين المسافة بين حواف خلايا الجدول المجاورة. إذا تم استخدام نموذج الجدران المدمجة، فإن هذا الخاصية سيتم تجاهلها. يرجى الرجوع إلىborder-collapseخاصية.

التالي هو شرح الاستخدام والسجلات التاريخية لهذه الخاصية، بالإضافة إلى الجملة التي تستخدمها الخاصية في لغة الجافاسكربت.

استخدام نموذج border-spacing

نموذج هذه الخاصية هو:

border-spacing:　[　length　]　1　or　2　values　|　initial　|　inherit

يمكن استخدام خاصية border-spacing لقيمة واحدة أو إثنين من القيم الطولية المفصولة بمسافات.

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

• إذا تم تحديدقيمتان، يتم تعيين مسافة الحافة الأفقية أولاً، ثم مسافة الحافة العمودية.

في المثال التالي، يتم عرض كيفية استخدام خاصية border-spacing.

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

قيمة الخاصية

جدول التالي يصف القيم لهذه الخاصية.

توافق المتصفح

توافق المتصفحات للحافة border-spacing، الأرقام في الجدول التالي تمثل أحدث إصدار من المتصفح الذي يدعم هذه الخاصية؛ يدعم جميع المتصفحات الرئيسية هذه الخاصية.

قراءة متقدمة

يرجى الرجوع إلى الدروس التالية:جدول CSS،حافة CSS،حافة CSS3。

خصائص ذات صلة بالجدول:border-collapse،empty-cells،table-layout。