caption-side

מגדיר את מיקום התווית של הטבלה (caption) ביחס לטבלה.



מה זה caption-side?

המאפיין caption-side מגדיר את מיקום התווית של הטבלה (caption) ביחס לטבלה.

ערכים

  • top - התווית מופיעה מעל הטבלה.
  • bottom - התווית מופיעה מתחת לטבלה.

דוגמה לשימוש ב-caption-side

להלן דוגמה לשימוש במאפיין caption-side:

תווית הטבלה
כותרת 1 כותרת 2
תא 1 תא 2

אפשר להגדיר את זה לדוגמה כך

    
          <style>
            table {
              width: 100%;
            }
            caption {
              caption-side: bottom;
              font-weight: bold;
            }
            th, td {
              border: 1px solid black;
              padding: 8px;
            }
          </style>
          <table>
            <caption>תווית הטבלה</caption>
            <tr>
              <th>כותרת 1</th>
              <th>כותרת 2</th>
            </tr>
            <tr>
              <td>תא 1</td>
              <td>תא 2</td>
            </tr>
          </table>
        
    

עוד בקטגוריה Tables (טבלאות)

תגובות

רק רגע

שיתוף