CSS Jadvalini Tashkillashtirish

CSS Jadvalini Tashkillashtirish

Gorizontal Tashkillashtirish

text-align xususiyati <th> yoki <td> ichidagi mazmunning gorizontal tashkillashtirishini (chap, o'ng yoki markazda) belgilaydi.

<th> elementlarining mazmuni standart bo'yicha markazda joylashgan, <td> elementlarining mazmuni esa chapda joylashgan.

Agar siz <td> elementlarining mazmunini ham markazda joylashtirmoqchi bo'lsangiz, text-align: center dan foydalaning:

Misol

td {
  text-align: center;
}

Agar mazmunni chapga joylashtirmoqchi bo'lsangiz, <th> elementlarining tashkillashtirishini chapga belgilash uchun text-align: left xususiyatidan foydalaning:

Misol

th {
  text-align: left;
}

Vertikal Tashkillashtirish

vertical-align xususiyati <th> yoki <td> ichidagi mazmunning vertikal tashkillashtirishini (yuqori, pastki yoki o'rtada) belgilaydi.

Standart bo'yicha, jadval ichidagi mazmunning vertikal tashkillashtirish o'rta (ham <th>, ham <td> elementlar uchun) hisoblanadi.

Quyidagi misol <td> elementlari uchun vertikal matn tashkillashtirishini pastga o'rnatadi:

Misol

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