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
html
<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
html
<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:
html
<div layout="border:[custom-value]">Custom</div>