Jadval o‘lchamlari


ULASHISH

CSS jadval kengligi

CSS width xossasi jadval kengligini belgilash uchun ishlatiladi.

Kenglik quyidagicha belgilanishi mumkin:

  • foizda (%)
  • qat’iy uzunlik sifatida (px)
  • auto kalit so‘zi bilan

CSS jadval kengligi foizlarda

Butun ekranni (to‘liq kenglikda) qamrab oladigan jadval yaratish uchun width: 100%; dan foydalaning:

Firstname Lastname Savings
Peter Griffin $100
Lois Griffin $150
Joe Swanson $300

Misol

Full-width table:

table {
  width: 100%;
}
O‘zingiz sinab ko‘ring »

Sahifaning yarmisini qamrab oladigan jadval yaratish uchun width: 50%; dan foydalaning:

Firstname Lastname Savings
Peter Griffin $100
Lois Griffin $150
Joe Swanson $300

Misol

50% width table:

table {
  width: 50%;
}
O‘zingiz sinab ko‘ring »


CSS jadval kengligi belgilangan o‘lchamda

Qat’iy kenglikli jadval yaratish uchun width: 500px dan foydalaning:

Firstname Lastname Savings
Peter Griffin $100
Lois Griffin $150
Joe Swanson $300

Misol

Fixed width table:

table {
  width: 500px;
}
O‘zingiz sinab ko‘ring »

auto yordamida CSS jadval kengligi

Brauzerga kenglikni hisoblashga ruxsat berish uchun width: auto; dan foydalaning:

Firstname Lastname Savings
Peter Griffin $100
Lois Griffin $150
Joe Swanson $300

Misol

width: auto dan foydalanish:

table {
  width: auto;
}
O‘zingiz sinab ko‘ring »

CSS jadval balandligi

CSS height xossasi jadval balandligini belgilash uchun ishlatiladi.

Balandlik quyidagicha belgilanishi mumkin:

  • foizda (%)
  • qat’iy uzunlik sifatida (px)
  • auto kalit so‘zi bilan

Quyidagi misol jadval sarlavhalari (<th>) balandligini 70px ga o‘rnatadi:

Firstname Lastname Savings
Peter Griffin $100
Lois Griffin $150
Joe Swanson $300

Misol

Jadval sarlavhalari balandligini qat’iy qiymatga o‘rnatish:

th {
  height: 70px;
}
O‘zingiz sinab ko‘ring »



W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!