30
table
>
Jadvallarda sukut bo‘yicha chegaralar mavjud emas.
Border jadvallarga
chegaralar qo‘shish uchun CSS xususiyatidan foydalanishingiz mumkin. Bundan
tashqari, jadval katakchalari bo‘yicha tarkibga mos keladigan darajada katta. Jadval
kataklaridagi tarkib atrofida ko‘proq joy qo‘shish uchun siz CSS padding
xususiyatidan foydalanishingiz mumkin.
Quyidagi uslub qoidalari jadvalga 1 pikselli chegarani va uning nuqtalariga 10
pikselli tugun qo‘shadi.
Misol
table, th, td
{
border
:
1px solid black
;
}
th, td
{
padding
:
10px
;
}
Odatiy bo‘lib, jadval atrofidagi chegaralar va ularning katakchalari bir-biridan
ajratilgan. Ammo elementdagi border-collapsexususiyatdan foydalanib, ularni bitta
qismga ajratishingiz mumkin
.
Shuningdek, elementlar ichidagi matn qalin shrift bilan ko‘rsatilib, sukut
bo‘yicha katakchaning gorizontal markaziga to‘g‘ri keladi. Standart tekislashni
o‘zgartirish uchun siz CSS text-alignxususiyatidan foydalanishingiz mumkin.
Quyidagi uslub qoidalari jadval chegaralarini qisqartiradi va jadval sarlavhasi
matnini chapga tekislaydi.
Misol
table
{
border-collapse
:
collapse
;
}
th
{
text-align
:
left
;
}
31
HTML jadvallarini shakllantirish haqida batafsil ma’lumot olish uchun CSS
jadvallari bo‘yicha qo‘llanmani ko‘rib chiqing.
|
