Border Spacing

Kawal jarak antara sempadan jadual

Sintaks

layout="border-spacing:[value]"

Nilai

Nilai	CSS Output	Huraian
border-spacing	border-spacing: {value}	Semua jarak
border-spacing-x	border-spacing: {value} 0	Jarak mendatar
border-spacing-y	border-spacing: 0 {value}	Jarak menegak

Contoh

<table layout="border-separate border-spacing:small">Spaced</table>

Pratonton

Jarak Sempadan

layout="border-spacing:small" - Jarak antara sempadan sel jadual

A1	A2
B1	B2

Lihat Kod

<table layout="border:separate" style="width: 100%; border-spacing: 8px;">
  <tbody>
    <tr>
      <td space="p:small" visual="bg:primary text:white rounded:small">A1</td>
      <td space="p:small" visual="bg:primary text:white rounded:small">A2</td>
    </tr>
    <tr>
      <td space="p:small" visual="bg:primary text:white rounded:small">B1</td>
      <td space="p:small" visual="bg:primary text:white rounded:small">B2</td>
    </tr>
  </tbody>
</table>

Nilai Arbitrari

Sokong nilai tersuai menggunakan sintaks kurungan segi empat:

<div layout="border:[custom-value]">Custom</div>