Sifa ya caption-side

Sifa caption-side inaweka msimamo wa kichwa cha jedwali, kilichoundwa kwa kutumia kitambulisho <caption>. Sifa hiyo inayoweza kuwa na thamani mbili: top (juu ya jedwali, kwa chaguo-msingi) au bottom (chini ya jedwali).

Kiambato

csskichagua {
  caption-side: top | bottom;
}

Mfano

Wacha tuweke kichwa juu ya jedwali:

html<table border="1" width="300">
  <caption>Jedwali</caption>
  <tr>
    <th>Kichwa</th>
    <th>Maelezo</th>
  </tr>
  <tr>
    <td>maandishi1</td>
    <td>maandishi2</td>
  </tr>
</table>

csstable {
  width: 100%;
  border-collapse: collapse;
}
td {
  width: 200px;
  height: 100px;
  text-align: center;
}
caption {
  caption-side: top;
  font-weight: bold;
}

Результат:

Mfano

Sasa hebu tusogeze kichwa chini ya jedwali:

html<table border="1" width="300">
  <caption>Jedwali</caption>
  <tr>
    <th>Kichwa</th>
    <th>Maelezo</th>
  </tr>
  <tr>
    <td>maandishi1</td>
    <td>maandishi2</td>
  </tr>
</table>

csstable {
  width: 100%;
  border-collapse: collapse;
}
td {
  width: 200px;
  height: 100px;
  text-align: center;
}
caption {
  caption-side: bottom;
  font-weight: bold;
}

Результат:

Angalia pia