جدول های HTML
تگ < Colgroup > , < Col > :
تگ < colgroup > برای دسته بندی گروهی از ستون های يک جدول ( تگ های td ) جهت
قالب بندی و تعيين خصوصيات ، استفاده می شود . تگ < colgroup > ، فقط خصوصيات
را نگهداری کرده و هيچگونه خروجی بر روی صفحه ندارد . به ازای هر ستونی که قرار است
توسط اين تگ دسته بندی شود ، يک تگ < col > درون آن ايجاد می شود .
نکته : تگ < colgroup > فقط درون تگ < table >
قابل استفاده است .
نام خاصيت |
نوع خاصيت |
شرح
|
align |
left
right
center
Justify
Char |
نحوه ترازبندی و قرار گيری محتويات درون گروه خانه های جدول را مشخص می کند که 5 حالت
دارد :
1) left : چپ
2) right : راست
3) center : وسط
4) Justify : در کل عرض شی گسترش داده می شود .
5) Char : ترازبندی با توجه به يک کاراکتر خاص تعيين می شود .
|
char |
کاراکتر
Character |
کاراکتری که قرار است متن دورن گروه خانه های جدول حول آن تراز شود را تعيين می کند
.
توجه : فقط در صورتی کاربرد دارد که خاصيت Align روی مقدار
Char تنظيم شده باشد .
|
charoff |
Pixel
درصد % |
میزان حاشيه ای که به کاراکتر اول متن اختصاص داده می شود ، تا متن درون سطر را تراز
کند .
توجه : فقط در صورتی کاربرد دارد که خاصيت Align روی مقدار
Char تنظيم شده باشد .
|
span |
Number
عدد |
تعداد خانه هايی که قرار است اين تگ به وسيله تگ درونی col پوشش دهد را تعيين می کند
.
|
valign |
top
bottom
middle
baseline
|
نحوه ترازبندی عمودی محتويات درون گروه خانه خانه های جدول را تعيين می کند .
- top : محتوِيات دورن خانه جدول از بالا تراز می شوند .
- bottom : محتوِيات دورن خانه جدول از وسط خانه جدول تراز می شوند .
- middle : محتوِيات دورن خانه جدول از پايين خانه جدول تراز می شوند .
|
مثال : اين مثال يک < colgroup > را که دارای 3 ستون
با پهناهاي متفاوت است ، نمايش می دهد . در قصمت اول ، توسط هر تگ < col > خاصيت
پهنای ستون تعيين شده و در قسمت دوم آن خواص به ترتيب به خانه های جدول اعمال شده اند
:
توجه : امروزه با امکانات ارائه توسط CSS از اين گونه
تگ ها کمتر استفاده می شود .
< table border="1" width = "300px" >
< colgroup span="3" >
< col width="50px" > < /col >
< col width="100px" > < /col >
< col width="150px" > < /col >
< /colgroup >
< tr >
< td > خانه 1 < /td >
< td > خانه 2 < /td >
< td > خانه 3 < /td >
< /tr >
< /table >
|
|
راجع این مطلب
سوال یا اشکالی دارید ؟! آن را در انجمن سایت مطرح نمایید ...
>>>>> ورود به انجمن تخصصی
نظر خودتان درباره این صفحه را با ما در میان بگذارید :