table ටැගය

table ටැගය වගුවක් සාදයි. tr, td, th ටැග සමඟ එක්ව භාවිතා වේ.

tr ටැගය වගු පේළියක් සාදයි, අතර td සහ th ටැග එම වගුවේ කොටු සාදයි. td සහ th අතර වෙනස: පළමු එය සාමාන්ය කොටුවක් වන අතර, දෙවැන්න ශීර්ෂක කොටුවකි.

ගුණාංග

ගුණාංගය විස්තරය
cellspacing කොටු අතර දුර නියම කරයි.
පරණයි, ඒ වෙනුවට CSS ගුණය border-spacing භාවිතා කළ යුතුය.
cellpadding පෙළ සහ කොටු මායිම අතර දුර නියම කරයි.
පරණයි, ඒ වෙනුවට CSS ගුණය padding භාවිතා කළ යුතුය.
border කොටු සහ වගුවේ මායිම නියම කරයි.
පරණයි, ඒ වෙනුවට CSS ගුණය border භාවිතා කළ යුතුය.

නිදර්ශනය

අපි th සහ td කොටු සහිත වගුවක් සාදමු:

html<table>
  <tr>
    <th>නම</th>
    <th>අනුප්‍රාප්ති නාමය</th>
    <th>වැටුප</th>
  </tr>
  <tr>
    <td>නම1</td>
    <td>අනුප්‍රාප්ති නාමය1</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>නම2</td>
    <td>අනුප්‍රාප්ති නාමය2</td>
    <td>1000$</td>
  </tr>
</table>
csstable, td, th {
  border: 1px solid black;
}

Результат:

මෙයද බලන්න

  • thead, tbody සහ tfoot ටැග,
    වගු පේළි සමූහගත කරයි
  • caption ටැගය,
    මුළු වගුවේම ශීර්ෂකය නියම කරයි
  • vertical-align ගුණය,
    පෙළ සිරස්ව සම කිරීම නියම කරයි
  • rowspan සහ colspan ගුණාංග,
    වගු පේළි සහ තීරු ඒකාබද්ධ කරයි