Ichki va kataklararo bo‘shliqlar

HTML jadvallar katakchalar ichidagi ichki chetlikni (padding) ham, katakchalar orasidagi masofani ham sozlashi mumkin.

HTML jadval — katak paddingi

Katakcha ichki chetligi (padding) — katakcha chetlari va katakcha mazmuni orasidagi masofa.

Standart bo‘yicha ichki chetlik 0 ga o‘rnatilgan.

Jadval katakchalariga ichki chetlik qo‘shish uchun CSS padding xususiyatidan foydalaning:

th, td {
padding: 15px;
}

Faqat mazmunning tepasiga ichki chetlik qo‘shish uchun padding-top xususiyatidan foydalaning.

Boshqa tomonlarga ichki chetlik qo‘shish uchun padding-bottom, padding-left va padding-right xususiyatlaridan foydalaning:

th, td {
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 40px;
}

Katakchalar orasidagi masofa — bu har bir katakcha orasidagi masofa.

Standart bo‘yicha masofa 2 pikselga o‘rnatilgan.

Jadval katakchalari orasidagi masofani o‘zgartirish uchun table elementida CSS border-spacing xususiyatidan foydalaning:

table {
border-spacing: 30px;
}

Yutuqlaringizni kuzating – bu bepul!