آموزش تنظیم سایز جدول در CSS

Ratings
(0)

عرض(Width) و ارتفاع(Height) جدول

برای مشخص کردن عرض و ارتفاع یک جدول، به ترتیب باید از ویژگی های width و height استفاده کنید.

در مثال زیر، عرض(width) جدول را برابر با 100% قرار می دهد و ارتفاع(height) عنصر <th> را برابر با 70px قرار می دهد:

مثال شماره 1

<table>
  <tr>
    <th>نام</th>
    <th>نام خانوادگی</th>
    <th>پس انداز</th>
  </tr>
  <tr>
    <td>احسان</td>
    <td>عباسی</td>
    <td>$100</td>
  </tr>
</table>
امتحان کنید

 برای ایجاد یک جدول که باید تنها نیمی از فضای صفحه را اشغال کند، از دستور width: 50% استفاده کنید:

مثال شماره 2

table {
  width: 50%;
}
امتحان کنید

 

  • بازدید: 133

نوشتن دیدگاه

لطفا نظرات خود را بیان کنید. به سوالات در سریع ترین زمان پاسخ داده خواهد شد.اما به نکات زیر توجه کنید:
1. سعی کنید نظرات شما مرتبط با مقاله ی مورد نظر باشد، در غیر این صورت پاسخ داده نخواهد شد.
2. سوالات خود را به صورت کوتاه بیان کنید و از پرسیدن چند سوال به طور همزمان خودداری کنید.
3. سوال خود را به طور واضح بیان کنید و از کلمات مبهم استفاده نکنید.

ارسال