ایچ تی ام ال<col> ٹیگ
- ਪਿਛਲਾ ਪੰਨਾ <code>
- ਅਗਲਾ ਪੰਨਾ <colgroup>
ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ
<col> ਟੈਗ ਇੱਕ ਜਾਂ ਕਈ ਕਲਮਾਂ ਵਿੱਚ ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ ਨਿਰਧਾਰਤ ਕਰਦਾ ਹੈ。
ਜੇਕਰ ਤੁਸੀਂ ਸਾਰੇ ਕਲਮਾਂ 'ਤੇ ਸਟਾਈਲ ਲਾਗੂ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ<col> ਟੈਗ ਕਾਫੀ ਉਪਯੋਗੀ ਹੈ ਕਿਉਂਕਿ ਇਸ ਦੇ ਨਾਲ ਤੁਸੀਂ ਹਰ ਕਰਕੇ ਯੂਨਿਟ ਅਤੇ ਹਰ ਕ੍ਰਮ ਨੂੰ ਸਟਾਈਲ ਮੁੱਲ ਮੁੱਲ ਨਹੀਂ ਦੁਹਰਾਉਣਾ ਪਵੇਗਾ。
ਸੁਝਾਅ
ਅਗਰ ਤੁਸੀਂ colgroup ਅੰਦਰੂਨੀ ਹਰ ਕਲਮ ਲਈ ਵੱਖ-ਵੱਖ ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ ਨਿਰਧਾਰਤ ਕਰਨ ਲਈ ਇਹ ਐਲੀਮੈਂਟ ਵਰਤੋਂ ਕਰੋ।col ਐਲੀਮੈਂਟ ਨਹੀਂ ਹੋਣ ਤਾਂ ਕਲਮ colgroup ਤੋਂ ਸਾਰੇ ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ ਮਿਲਣਗੇ。
col ਐਲੀਮੈਂਟ ਇੱਕ ਰਿਕਟ ਟੈਗ ਹੈ ਜਿਸ ਵਿੱਚ ਤਾਂਕੀਆਂ ਹਨ।ਕਲਮ ਬਣਾਉਣ ਲਈ ਤੁਸੀਂ tr ਐਲੀਮੈਂਟ ਅੰਦਰ td ਐਲੀਮੈਂਟ ਨਿਰਧਾਰਤ ਕਰਨਾ ਪਵੇਗਾ。
ਹੋਰ ਦੇਖੋ:
HTML ਪੁਸਤਕਾਲ:<colgroup> ਟੈਗ
HTML DOM ਪੁਸਤਕਾਲ:ਕਲਮ ਆਬਜੈਕਟ
ਉਦਾਹਰਨ
ਉਪਯੋਗ <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 | ਸੰਖਿਆ | ਕਲਮ ਆਬਜੈਕਟ ਨੂੰ ਕਿਸ ਸਿਰਲੇਖ ਦੀਆਂ ਕਲਮਾਂ ਦੇ ਪਾਰ ਕਰਨਾ ਹੈ ਇਹ ਨਿਰਧਾਰਿਤ ਕਰੋ |
ਸਾਰਵਤਰਿਕ ਪ੍ਰਤੀਯੋਗਿਤਾ
<col> ਟੈਗ ਇਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ ਵੀ ਸਮਰਥਨ ਕਰਦੇ ਹਨ HTML ਵਿੱਚ ਸਾਰਵਤਰਿਕ ਪ੍ਰਤੀਯੋਗਿਤਾ.
ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ
<col> ਟੈਗ ਇਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ ਵੀ ਸਮਰਥਨ ਕਰਦੇ ਹਨ HTML ਵਿੱਚ ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ.
ਡਿਫਾਲਟ ਸੀਐੱਸਐੱਸ ਸੈਟਿੰਗ
ਮੋਸਟ ਬਰਾਊਜ਼ਰਜ਼ ਨਾਲ ਹੇਠ ਲਿਖੇ ਡਿਫਾਲਟ ਮੁੱਲਾਂ ਨਾਲ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦੇ ਹਨ <col> ਐਲੀਮੈਂਟ:
col {
display: table-column;
}
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
| ਚਰਮੇ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪਰਾ |
|---|---|---|---|---|
| ਚਰਮੇ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪਰਾ |
| ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ |
- ਪਿਛਲਾ ਪੰਨਾ <code>
- ਅਗਲਾ ਪੰਨਾ <colgroup>
