دروس css الجداول

يستخدم التنسيق الجداول
تنسيق الحدود
تنسيق المظهر



مثال

<style type="text/css">

table,td,th

{

border:1px solid green;

}

table

{

width:100%;

}

th

{

height:50px;

}

td

{

vertical-align:top;

}

</style>

مشاهد معاينه الكود

التفاصيل

 Attribute:Value;

سمات اختياريه

 <thead> , <tr>,<thead>, <tfoot> , <tbody>

Attribute	Value	الوصف
align	right left center justify char	محاذاه الوسام الذي جانب الجدول او الخليه
char	character
charoff	number
valign	top middle bottom baseline	بمحاذاة محتوى داخل الخليه

سمات اختيارية

 <th>

Attribute	Value	الوصف
abbr	text	تحدد صيغة مختصرة من المحتوى في خلية
align	left right center justify char	محاذاة المحتوى في خلية
axis	category_name	خلايا يصنف
bgcolor	rgb(x,x,x) #xxxxxx colorname	يحدد لون الخلفية للخلية
char	character
charoff	number	تعيين عدد من الشخصيات المحتوى سيكون الانحياز من الحرف المحدد بواسطة السمة شار
colspan	number	تعيين عدد الأعمدة  عمودا دمج الخلايا
height	pixels %	مجموعات ارتفاع خلية
nowrap	nowrap	تحدد أن المحتوى داخل خلية لا ينبغي التفاف
rowspan	number	تعيين عدد الصفوف دمج الخلايا
scope	col colgroup row rowgroup	يحدد وسيلة لخلايا رأس المنتسبين وخلايا البيانات في جدول
valign	top middle bottom baseline	عمودي بمحاذاة المحتوى في خلية
width	pixels %	تحديد عرض خلية