در جداولHTML ميتوان اندازه هاي مختلف براي سطر، ستون ويا كل جدول تعريف نمود .به نمونه هاي زير توجه كنيد..
براي تعريف انداره براي سطر، ستون وجدول ازCSS style استفاده ميشود ومقادير ويژگيهايheight وwidth درآن براي عنصر مورد نظر اعلام ميشود .
براي تنظيم عرض جدول از ويژگيwidht درCSS style استفاده ميشود، ودرعنصر <table>قرار ميگيرد . نمونه در مثال زير خط اول
مثال ـ نمونه تعريف انداره جدول
<table style="width:100%"> <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> <tr> <td>John</td> <td>Doe</td> <td>80</td> </tr> </table>
توجه ـ استفاده از درصد براي واحد اندازه گيري عرض جدول ، باين معني كه اندازه را به نسبت اندازه عنصر اصلي خود دريافت ميكند .در اينجا عنصر اصلي<body> است .
براي اعلام اندازه ستون در جدول بايد مقدارwidth در style اعلام ودر داخل عناصر <td>يا<th> اضافه گردد.
مثال ـ نمونه اعلام عرض ستوني از جدول.عرص ستون اول70 درصد بدنه سند
<table style="width:100%"> <tr> <th style="width:70%">Firstname</th> <th>Lastname</th> <th>Age</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> <tr> <td>John</td> <td>Doe</td> <td>80</td> </tr> </table>
براي اعلام ارتفاع رديف از ويژگيheight در style استفاده ميشود و به عنصر<tr>
اضافه ميگردد.
مثال ـ اعلام ارتفاع دومين رديف جدول
<table style="width:100%"> <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th> </tr>style="height:200px"> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> <tr> <td>John</td> <td>Doe</td> <td>80</td> </tr> </table>
Previous > <Next