Jadval chegaralari

HTML jadvallar har xil uslub va shakllardagi frameworklarga (chegaralarga) ega bo‘lishi mumkin.

Chegara qanday qo‘shiladi

Ramka qo‘shish uchun table, th va td elementlarida CSS border xususiyatidan foydalaning:

table, th, td {
border: 1px solid black;
}

Yuqoridagi misoldagi kabi qo‘shaloq frameworklarga yo‘l qo‘maslik uchun CSS border-collapse xususiyatini collapse deb belgilang.

Bu frameworklarning bitta ramkaga birlashishini ta’minlaydi:

table, th, td {
border: 1px solid black;
border-collapse: collapse;
}

Agar har bir katakchaning fon rangini belgilang va ramkaga oq rang bering (hujjat foni bilan bir xil), ko‘rinmas ramka taassurotiga ega bo‘lasiz:

table, th, td {
border: 1px solid white;
border-collapse: collapse;
}
th, td {
background-color: #96D4D4;
}

border-radius xususiyati bilan frameworklar yumaloq burchaklarga ega bo‘ladi:

table, th, td {
border: 1px solid black;
border-radius: 10px;
}

CSS selektoridan table ni olib tashlash orqali jadval atrofidagi ramkani o‘tkazib yuboring:

th, td {
border: 1px solid black;
border-radius: 10px;
}

border-style xususiyati bilan ramkaning tashqi ko‘rinishini belgilashingiz mumkin.

Quyidagi qiymatlarga ruxsat beriladi:

th, td {
border-style: dotted;
}

border-color xususiyati bilan ramkaning rangini belgilashingiz mumkin.

th, td {
border-color: #96D4D4;
}

Yutuqlaringizni kuzating – bu bepul!