برای استفاده از همه امکانات سایت باید جاوا اسکریپت مرورگر خود را فعال کنید.

آموزش تگ caption در HTML - راهنمای کار با عنوان جدول در html

برای ایجاد عنوان در جدول از تگ caption استفاده می شود. برای هر جدول فقط یک کپشن می توان تعریف کرد و این عنوان به طور پیش فرض در وسط و بالای جدول قرار ...

برای ایجاد عنوان در جدول از تگ caption استفاده می شود. برای هر جدول فقط یک کپشن می توان تعریف کرد و این عنوان به طور پیش فرض در وسط و بالای جدول قرار می گیرد. با استفاده از css می توان جایگاه کپشن آن را تغییر داد.

تگ caption باید بلافاصله بعد از تگ table قرار گیرد.

مثال:

 <table>
  <caption>Monthly savings</caption>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>


مثال: تغییر محل قرار گیری کپشن در بالا و پایین جدول

 <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>


پشتیبانی مرورگرها

تگ <caption> در مرورگرهای کروم، فایرفاکس، اپرا، سافاری، اینترنت اکسپلورر و اج پشتیبانی می شود.

مرورگر کروم فایرفاکس اپرا سافاری اینترنت اکسپلورر / اج
پشتیبانی بله بله بله بله بله


ویژگی ها

ویژگی مقدار توضیحات
align left
right
top
bottom
مکان قرار گیری کپشن را مشخص می کند.
در HTML5 پشتیبانی نمی شود.


پشتیبانی از ویژگی ها و رویدادهای عمومی

تگ <caption> از ویژگی های عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.


دستورات CSS پیش فرض

معمولا مرورگرها تگ caption را بصورت پیش فرض با دستورات CSS زیر نمایش می دهند.

caption {
  display: table-caption;
  text-align: center;
}

 

موضوع: آموزش HTML
کلمات کلیدی: ، ، ، ، ، ، ، ، ، ، ،
اشتراک گذاری:          
لینک کوتاه:

نظرات نظرات تا اطلاع ثانوی غیر فعال است.