border-spacing

מגדיר את המרווח בין קווי הגבול של התאים כאשר border-collapse מוגדר כ-separate.

מה זה border-spacing?

המאפיין border-spacing מגדיר את המרווח בין קווי הגבול של התאים כאשר המאפיין border-collapse מוגדר כ-separate.

ערכים

length - מגדיר את המרווח בין התאים באורך המצויין (למשל, 10px).
length length - מגדיר את המרווח בין התאים באורך המצויין בציר הרוחב ובציר האורך (למשל, 10px 20px).

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

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

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

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

    
          <style>
            table {
              border-spacing: 10px;
              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>