border-collapse

מגדיר אם קווי הגבול של התאים יתמזגו לקו גבול אחד או יישארו נפרדים.

מה זה border-collapse?

המאפיין border-collapse מגדיר אם קווי הגבול של התאים בטבלה יתמזגו לקו גבול אחד או יישארו נפרדים.

ערכים

collapse - קווי הגבול של התאים יתמזגו לקו גבול אחד משותף.
separate - קווי הגבול של התאים יישארו נפרדים.

דוגמה לשימוש ב-border-collapse

להלן דוגמה לשימוש במאפיין border-collapse:

כותרת 1	כותרת 2
תא 1	תא 2

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

    
          <style>
            table {
              border-collapse: collapse;
              width: 100%;
            }
            th, td {
              border: 1px solid black;
              padding: 8px;
            }
          </style>
          <table>
            <tr>
              <th>כותרת 1</th>
              <th>כותרת 2</th>
            </tr>
            <tr>
              <td>תא 1</td>
              <td>תא 2</td>
            </tr>
          </table>