‎‎تگ گروه بنديHTML <colgroup> Tag -‎

Previous >    <Next  

‎‎مثال ـ تنظيم رنگ پس زمينه سه ستون با عناصر<col> , <colgroup>

‎ 
<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
</table>

--(go to editor for change code and run)

‎‎تعريف وكاربردDefinition and Usage -‎

‎تگ‎<colgroup>‎ يك گروه يك يا چند ستوني را در جدول براي تنطيم فرمت مشخص ‎مي نمايد.

‎تگ فوق براي استايل نمودن ستونهاي داخلي مورد استفاده قرار ميگيرد، بجاي اينكه بخواهيم براي ‎هركدام از سلولها استايل را تكرار نمائيم.

‎

‎نكته ـ تگ‎<colgroup>‎ بايد اولادي از عنصر‎<table>‎ باشد .آن ‎بايد بعد از هر عنصر‎<caption>‎ وقبل از هر ‎<thead>,<tbody>,<tfoot>,<tr>‎‎باشد.

‎نكته ـ براي تعريف ويژگي هاي مختلف يك ستون از‎<col>‎ در داخل ‎<colgroup>‎‎استفاده نمائيد .

‎‎پشتيباني مرورگرBrowser Support -‎

‎
‎Element‎ Chorome Edge Firefox Safari Opera
‎‎<colgroup>‎‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎

‎‎ويژگي هاAttributes -‎

‎
‎‎ويژگي ‎‎مقدار ‎‎شـــرح
‎span‎ ‎number‎‎ ‎‎تعداد ستوني كه مشمول گروه ميشود،مشخص ميكند.

‎‎ويژگي هاي جهانيGlobal Attribtes -‎

‎‎تگ‎<colgroup>‎ از ويژگي هاي جهاني HTML پيروي ميكند .

‎‎ويژگي هاي رويداديEvent Attributes -‎

‎‎تگ. فوق همچنين از ويژگي هاي رويدادي پيروي ميكند.

‎‎تنظيمات پيش فرضDefault CSS Settings -‎

‎‎بيشتر مرورگرها براي نمايش آن از تنظيمات پيش فرض زيراستفاده ميكنند.

‎ 
colgroup {
  display: table-column-group;
}

--(go to editor for change code and run)

‎مرجع كامل تگهايHTML‎
‎مرجع كامل ويژگيهايHTML‎

Previous >    <Next