Caption Side

Kawal kedudukan kapsyen jadual

Sintaks

layout="caption:[value]"

Nilai

Nilai	CSS Output	Huraian
top	caption-side: top	Kapsyen di atas
bottom	caption-side: bottom	Kapsyen di bawah

Contoh

<caption layout="caption:bottom">Bottom caption</caption>

Pratonton

Kapsyen Atas

layout="caption:top" - Kapsyen jadual di atas

Table Caption (Top)

Data

Data

Lihat Kod

<table style="width: 100%;">
  <caption layout="caption:top" space="p:small" visual="text:neutral-600 dark:text:neutral-400">Table Caption (Top)</caption>
  <tbody>
    <tr>
      <td space="p:small" visual="bg:primary text:white rounded:small">Data</td>
      <td space="p:small" visual="bg:primary text:white rounded:small">Data</td>
    </tr>
  </tbody>
</table>

Kapsyen Bawah

layout="caption:bottom" - Kapsyen jadual di bawah

Table Caption (Bottom)

Data

Data

Lihat Kod

<table style="width: 100%;">
  <caption layout="caption:bottom" space="p:small" visual="text:neutral-600 dark:text:neutral-400">Table Caption (Bottom)</caption>
  <tbody>
    <tr>
      <td space="p:small" visual="bg:primary text:white rounded:small">Data</td>
      <td space="p:small" visual="bg:primary text:white rounded:small">Data</td>
    </tr>
  </tbody>
</table>