CSS -tabelbelyning
Horisontale belyning
Die text-align
eienskap stel die horisontale belyning (soos links, regs of middel) van die inhoud in <th> of <td>.
By verstek is die inhoud van <th>-elemente middelbelyn en die inhoud van <td>-elemente is linksbelyn.
Om die inhoud van <td>-elemente ook te sentreer, gebruik text-align: center
:
Voorbeeld
td
{
text-align: center;
}
Om die inhoud te linksbelyn, dwing die belyning van <th> elemente om linksbelyn te word, met die text-align: left
eienskap:
Voorbeeld
th
{
text-align: left;
}
Vertikale belyning
Die vertical-align
eienskap stel die vertikale belyning (soos bo, onder of middel) van die inhoud in <th> of <td>.
By verstek is die vertikale belyning van die inhoud in 'n tabel middel (vir beide <th> en <td> elemente).
Die volgende voorbeeld stel die vertikale teksbelyning na onder vir <td>-elemente:
Voorbeeld
td
{
height: 50px;
vertical-align: bottom;
}