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:
Yopilgan jadval chegaralari
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:
Jadval chegaralarini stilize qilish
Agar har bir katakchaning fon rangini belgilang va ramkaga oq rang bering (hujjat foni bilan bir xil), ko‘rinmas ramka taassurotiga ega bo‘lasiz:
Misol
table, th, td {
border: 1px solid white;
border-collapse: collapse;
}
th, td {
background-color: #96D4D4;
}
O‘zingiz sinab ko‘ring »
Yumaloq jadval chegaralari
border-radius xususiyati bilan frameworklar yumaloq burchaklarga ega bo‘ladi:
CSS selektoridan table ni olib tashlash orqali jadval atrofidagi ramkani o‘tkazib yuboring:
Nuqtali jadval chegaralari
border-style xususiyati bilan ramkaning tashqi ko‘rinishini belgilashingiz mumkin.
Quyidagi qiymatlarga ruxsat beriladi:
dotteddashedsoliddoublegrooveridgeinsetoutsetnonehidden
Chegara rangi
border-color xususiyati bilan ramkaning rangini belgilashingiz mumkin.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!
