<caption>


Misol

Sarlavhali (caption) jadval:

<table>   <caption>Monthly savings</caption>   <tr>     <th>Month</th>     <th>Savings</th>   </tr>   <tr>     <td>January</td>     <td>$100</td>   </tr> </table>
O‘zingiz sinab ko‘ring »

Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.


ULASHISH

Ta’rif va qo‘llanilishi

<caption> tegi jadval sarlavhasini (caption) belgilaydi.

<caption> tegi <table> tegidan darhol keyin joylashtirilishi shart.

Maslahat: Standart holatda jadval sarlavhasi jadval ustida markazga tekislangan bo‘ladi. Biroq sarlavhani tekislash va joylashtirish uchun text-align va caption-side CSS xususiyatlaridan foydalanish mumkin.


Brauzerlarda qo‘llab-quvvatlash

Element
<caption> Ha Ha Ha Ha Ha

Global atributlar

<caption> tegi HTML’dagi global atributlarni ham qo‘llab-quvvatlaydi.


Hodisa atributlari

<caption> tegi HTML’dagi hodisa atributlarini ham qo‘llab-quvvatlaydi.



Ko‘proq misollar

Misol

Jadval sarlavhalarini joylashtirish (CSS yordamida):

<table>   <caption style="text-align:right">My savings</caption>   <tr>     <th>Month</th>     <th>Savings</th>   </tr>   <tr>     <td>January</td>     <td>$100</td>   </tr> </table> <br> <table>   <caption style="caption-side:bottom">My savings</caption>   <tr>     <th>Month</th>     <th>Savings</th>   </tr>   <tr>     <td>January</td>     <td>$100</td>   </tr> </table>
O‘zingiz sinab ko‘ring »

Tegishli sahifalar

HTML DOM ma’lumotnomasi: Caption obyekti


Standart CSS sozlamalari

Ko‘pchilik brauzerlar <caption> elementini quyidagi standart qiymatlar bilan ko‘rsatadi:

Misol

caption {   display: table-caption;   text-align: center; }
O‘zingiz sinab ko‘ring »

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!