ਐੱਚਟੀਐੱਲ <colgroup> ਟੈਗ
ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ
<colgroup> ਟੈਗ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ ਕਿ ਇਹ ਤਾਲਿਕਾ ਵਿੱਚ ਇੱਕ ਜਾਂ ਕਈ ਸਤਹਾਂ ਨੂੰ ਸਮੂਹ ਬਣਾਉਣ ਲਈ
ਸਾਰੇ ਸਤਹਾਂ ਲਈ ਸਟਾਈਲ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ<colgroup> ਟੈਗ ਕਰਕੇ ਬਹੁਤ ਉਪਯੋਗੀ ਹੈ, ਅਜਿਹਾ ਤਾਂ ਹਰੇਕ ਇਕਾਈ ਅਤੇ ਹਰੇਕ ਪਲਟੀ ਲਈ ਸਟਾਈਲ ਮੁੜ ਵਰਤਣ ਦੀ ਜ਼ਰੂਰਤ ਨਹੀਂ ਹੁੰਦੀ。
ਨੋਟ:<colgroup> ਟੈਗ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ <table> ਇਲੈਕਟ੍ਰੌਨਿਕ ਸਮਾਨ ਦੇ ਬਾਰੇ ਅਤੇ ਕਿਸੇ ਵੀ <caption> ਇਲੈਕਟ੍ਰੌਨਿਕ ਸਮਾਨ ਦੇ ਬਾਅਦ ਅਤੇ ਕਿਸੇ ਵੀ <thead>ਅਤੇ<tbody>ਅਤੇ<tfoot> ਅਤੇ <tr> ਇਲੈਕਟ੍ਰੌਨਿਕ ਸਮਾਨ ਦੇ ਪਹਿਲੇ ਵਿਅਕਤੀ ਵਿੱਚ
ਸੁਝਾਅ:ਕਿਸੇ ਇੱਕ ਸਤਹਾਂ ਲਈ ਸਟਾਈਲ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ <colgroup> ਵਿੱਚ ਕਿਸੇ ਇੱਕ ਸਤਹਾਂ ਨੂੰ ਵੱਖਰੇ ਹੱਲੇ ਨਾਲ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਲਈ <colgroup> ਟੈਗ ਵਿੱਚ ਵਰਤੋਂ: <col> ਟੈਗ.
ਇਸ ਦੇ ਲਈ ਦੇਖੋ:
HTML ਸੂਚਨਾ ਕਿਤਾਬ:<col> ਟੈਗ
HTML DOM ਸੂਚਨਾ ਕਿਤਾਬ:ColumnGroup ਆਬੋਧਕ
ਉਦਾਹਰਣ
ਉਪਯੋਗ <colgroup> ਅਤੇ <col> ਟੈਗ ਨਾਲ ਤਿੰਨ ਸਤਹਾਂ ਦੇ ਪਿੱਛੇ ਰੰਗ ਸੈੱਟ ਕਰੋ:
<table>
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
</colgroup>
<tr>
<th>ਬੁੱਕ ਨੰਬਰ</th>
<th>ਸਿਰਲੇਖ</th>
<th>ਕੀਮਤ</th>
</tr>
<tr>
<td>3476896</td>
<td>HTML ਦੀ ਸ਼ੁਰੂਆਤ</td>
<td>$53</td>
</tr>
</table>
ਪ੍ਰਤੀਯੋਗਿਤਾ
| ਪ੍ਰਤੀਯੋਗਿਤਾ | ਮੁੱਲ | ਵਰਣਨ |
|---|---|---|
| span | ਨੰਬਰ | ਕਿਸ ਸ਼ਾਖੇ ਵਿੱਚ ਕੋਲਗਰੁਪ ਦੇ ਹੋਣਗੇ ਨਿਰਧਾਰਿਤ ਕਰਦੇ ਹਨ |
ਗਲੋਬਲ ਪ੍ਰਤੀਯੋਗਿਤਾ
<colgroup> ਟੈਗ ਇਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ ਵੀ ਸਮਰਥਤ ਕਰਦੇ ਹਨ HTML ਵਿੱਚ ਗਲੋਬਲ ਪ੍ਰਤੀਯੋਗਿਤਾ.
ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ
<colgroup> ਟੈਗ ਇਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ ਵੀ ਸਮਰਥਤ ਕਰਦੇ ਹਨ HTML ਵਿੱਚ ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ.
ਮੂਲਤਬੀ CSS ਸੈਟਿੰਗ
ਮੋਸਤ ਬਰਾਉਜ਼ਰ ਹੇਠ ਲਿਖੇ ਮੂਲਤਬੀ ਮੁੱਲਾਂ ਨਾਲ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦੇ ਹਨ <colgroup> ਐਲੀਮੈਂਟ:
colgroup {
display: table-column-group;
}
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
| ਚਰਮੀ | ਐਂਜਲ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪਰਾ |
|---|---|---|---|---|
| ਚਰਮੀ | ਐਂਜਲ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪਰਾ |
| ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ |
