تنسيق الجدول باستخدام CSS

لتنسيق الجدول قم بتحديد الجدول بالنقر فوق وسم <table> الموجود أسفل نافذة التصميم كما يوضحه الشكل التالي.

تحديد الجدول

قم بفتح نافذة CSS باختيار CSS Styles، من قائمة Window، وفي النافذة انقر فوق زر ةا٧حا New CSS Rule ليظهر بذلك المربع الحواري الخاص بإنشاء تنسيق جديد كما يوضحه الشكل التالي.

المربع الحواري الخاص بإنشاء تنسيق جديد للجدول

في المربع الحواري الخاص بإنشاء تنسيق جديد للجدول الموضح في الشكل السابق اختار جزء الجدول الذي تريد تنسيقه من قائمة Category الموجودة في يسار المربع الحواري، وقم بضبط إعدادات هذا الجزء من مجموعة الخيارات التي تظهر في المربع الحواري، ففي الشكل السابق تظهر مجموعة خيارات Box الخاصة بتنسيق جسم الجدول مثل عرض الجدول Width وارتفاع الجدول Height وهوامش الجدول Margin أما الشكل التالي فيوضح مجموعة الخيارات Border والخاصة بحدود الجدول.

مجموعة خيارات حدود الجدول