Īpašība caption-side
Īpašība caption-side nosaka
tabulas virsraksta novietojumu, kas izveidots ar <caption> tagu.
Īpašībai var būt divas vērtības: top
(tabulas augšdaļā, pēc noklusējuma) vai bottom
(zem tabulas).
Sintakse
selektors {
caption-side: top | bottom;
}
Piemērs
Novietosim virsrakstu virs tabulas:
<table border="1" width="300">
<caption>Tabula</caption>
<tr>
<th>Galva</th>
<th>Apraksts</th>
</tr>
<tr>
<td>teksts1</td>
<td>teksts2</td>
</tr>
</table>
table {
width: 100%;
border-collapse: collapse;
}
td {
width: 200px;
height: 100px;
text-align: center;
}
caption {
caption-side: top;
font-weight: bold;
}
:
Piemērs
Tagad pārvietosim virsrakstu zem tabulas:
<table border="1" width="300">
<caption>Tabula</caption>
<tr>
<th>Galva</th>
<th>Apraksts</th>
</tr>
<tr>
<td>teksts1</td>
<td>teksts2</td>
</tr>
</table>
table {
width: 100%;
border-collapse: collapse;
}
td {
width: 200px;
height: 100px;
text-align: center;
}
caption {
caption-side: bottom;
font-weight: bold;
}
:
Skatiet arī
-
īpašība
bottom,
kas nosaka elementa apakšējās malas pozīciju -
īpašība
top,
kas nosaka elementa augšējās malas pozīciju -
īpašība
left,
kas nosaka elementa kreisās malas pozīciju -
īpašība
right,
kas nosaka elementa labās malas pozīciju -
pseidoelements
::backdrop,
kas nosaka novietojumu aiz pirmā elementa