HTML <col>

<col> — jadval ustunlariga umumiy xususiyat berish uchun ishlatiladigan teg. Har bir katakni alohida bezash o’rniga, <col> yordamida butun ustunga bir yo’la uslub qo’llash mumkin. U <colgroup> tegi ichida ishlatiladi.

<col> — jadvalning bir yoki bir necha ustuniga umumiy xususiyat beradigan teg. U <colgroup> ichida joylashadi va yopuvchi tegga ega emas.

Oddiy foydalanish

<col> <colgroup> ichida, jadval qatorlaridan oldin yoziladi:

<table>
    <colgroup>
        <col style="background-color: lightblue">
        <col style="background-color: lightyellow">
    </colgroup>
    <tr><th>Ism</th><th>Yosh</th></tr>
    <tr><td>Farrux</td><td>26</td></tr>
</table>

Bu jadval quyidagicha ko’rinadi (birinchi ustun ko’k, ikkinchisi sariq fonda):

Har bir <col> bitta ustunga mos keladi va unga uslub (bu yerda fon rangi) beradi. Bu har bir katakni alohida bezashdan ancha tez.

span atributi

span atributi bitta <col> ni bir necha ustunga qo’llash imkonini beradi:

<colgroup>
    <col span="2" style="background-color: lightgreen">
    <col style="background-color: pink">
</colgroup>

[Dastlabki 2 ustun yashil, uchinchisi pushti fonda]

span="2" birinchi <col> ni dastlabki ikki ustunga qo’lladi. Bu takrorlashni kamaytiradi va kodni ixcham qiladi.

col ning imkoniyatlari

<col> bilan qo’llash mumkin bo’lgan asosiy xususiyatlarni jadvalda ko’ramiz:

Amaliy eslatma

<col> orqali qo’llanadigan uslublar cheklangan — asosan fon rangi, kenglik va ko’rinuvchanlik. Matn rangi yoki chegara kabi ba’zi uslublar <col> orqali ishlamaydi; ular alohida kataklarga qo’llanadi. Shunga qaramay, <col> butun ustunga kenglik yoki fon berishda juda qulay va kodni takrorlashdan qutqaradi.

Xulosa

Bu bo’limda <col> tegini, uni <colgroup> ichida ustunlarga uslub berishda ishlatishni, span atributini va imkoniyatlarini ko’rib chiqdik. <col> — jadval ustunlarini samarali boshqarish vositasi. Keyingi darsda <data> tegiga o’tamiz.