CSS - تراز (Align)

نوشتن نظر کلیک کنید

جلسه بعدی جلسه قبلی

CSS – اندازه جداول (Table Size)

آخرین بروزرسانی: ۴ فروردین ۱۴۰۳

عرض و ارتفاع جدول

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

مثال: جدول با عرض ۱۰۰% و ارتفاع سلول‌های سرستون ۷۰ پیکسل

<table>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>Peter</td>
    <td>Griffin</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>Lois</td>
    <td>Griffin</td>
    <td>$150</td>
  </tr>
  <tr>
    <td>Joe</td>
    <td>Swanson</td>
    <td>$300</td>
  </tr>
</table>

table {
  width: 100%;
}

th {
  height: 70px;
}

جدول با عرض ۵۰%

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

مثال: جدول با عرض ۵۰%

<table>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>Peter</td>
    <td>Griffin</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>Lois</td>
    <td>Griffin</td>
    <td>$150</td>
  </tr>
  <tr>
    <td>Joe</td>
    <td>Swanson</td>
    <td>$300</td>
  </tr>
</table>

table {
  width: 50%;
}

با این تنظیمات، شما می‌توانید اندازه جدول را بر اساس نیاز خود تنظیم کنید.

جلسه بعدی

جلسه قبلی

پست های مرتبط

مطالعه این پست ها رو از دست ندین!

نظرات

سوالات و نظراتتون رو با ما به اشتراک بذارید

برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید. صفحه ورود و ثبت نام