Tabele CSS. Aliniere verticală. Proprietatea vertical-align. Tabel Padding. Proprietatea padding. Elementele td și th.

Susține Lectii-Virtuale!

Aliniere verticală (Vertical Alignment)

Proprietatea vertical-align stabilește alinierea verticală (cum ar fi partea superioară, inferioară sau mijlocie) a conținutului în <th> sau <td>.
În mod implicit, alinierea verticală a conținutului dintr-un tabel este mijlocie (atât pentru elementele <th> cât și pentru <td>).

Următorul exemplu stabilește alinierea textului vertical la partea de jos pentru elementele <td>:



Exemplu:

td {
  height: 50px;
  vertical-align: bottom;
}

Table Padding

Pentru a controla spațiul dintre graniță și conținutul dintr-un tabel, utilizați proprietatea padding pentru elementele <td> și <th>:



Exemplu:

th, td {
  padding: 15px;
  text-align: left;
}