‎‎تگ عنوانHTML <caption> Tag -‎

Previous >    <Next  

‎‎مثال ـ يك جدول با عنوان

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

--(go to editor for change code and run)

‎‎تعريف وكاربردDefinition and Usage -‎

‎‎تگ‎<caption>‎ يك عنوان براي عنصر ‎&table> تعريف مي نمايد .

‎‎تگ فوق بايد بلافاصله بعداز عنصر‎<table>‎ در داخل آن قرار گيرد .

‎نكته ـ بصورت پيش فرض عنوان جدول دربالاو در وسط نمايش داده ميشود.بهر حال ميتوان از ويژگي CSS text-‎align‎و CSS caption-‎side براي تنظيم عنوان استفاده كرد .

‎‎پشتيباني مرورگرBrowser Support -‎

‎Element‎ Chorome Edge Firefox Safari Opera
‎‎<caption>‎‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎

‎‎ويژگي هاي جهانيGlobal Attributes -‎

‎‎تگ‎<caption>‎ از ويژگي هاي جهاني HTMLپيروي ميكند .

‎‎ويژگي هاي رويداديEvent Attributes -‎

‎‎تگ فوق همچنين از ويژگي هاي رويداديHTML پيروي ميكند .

‎‎مثالهاي بيشتر

‎‎مثال ـ تنظيم موقعيت عنوان جدول باCSS

<table>
  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>
  style="caption-side:bottom">My savings</caption>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table> 

--(go to editor for change code and run)

‎‎تنظيمات پيش فرضDefault CSS Settings -‎

‎‎اكثر مرورگرها‎<caption>‎ را مطابق پيش فرض زير نمايش ميدهند.

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

‎‎مثال ـ نمايش بصورت پيش فرض

--(go to editor for change code and run)

‎مرجع كامل تگهايHTML
‎مرجع كامل ويژگيهايHTML


Previous >    <Next