3. html da dom tushunchasi

24. CSS orqali jadval stillari xususiyatlari (border-collapse, border-spacing, caption-side, empty-cells, table-layout)

Border-collapse- jadval yacheykalari chegaralarini chizish.(collapse-yacheykalar orasidagi bitta umumiy ramka; separate- har bir yacheykada o’z ramkasi bo’ladi,chegarda esa ikkita ramka bo’ladi)

Sintaksisi:border-collapse: collapse | separate | inherit

table{ border:2px solid red;

border-collapse:collapse;}

Border-spacing- jadvaldagi yacheykalar orasidagi masofanio’rnatadi.

Sintaksisi:border-spacing:valueX|valueY;

table{border: 2px solid black; border-spacing:8px 15px:}

Caption-side- HTML gipermatn tilining Caption atributi orqali hosil qilingan jadval nomini kerakli joyga o’rnatish.

Sintaksisi: caption-side:top|bottom|left|right

caption{ caption-side:bottom;}

Empty-cells- agar jadval yacheykasi bo’sh bo’lsa,shu yacheykani huddi ma’lumot bordagiday ko’rinish hosil qilib qo’yadi

Sintaksisi: empty-cells:hide|show;

td{

background;gray;

border:2px solid red;

empty-cells:show:}

Table-layout- jadval yacheykasini uzunligini o’rnatish (auto- brauzer jadvalni ekranga chiqaradi, analiz qilib,keyin o’lchamini o’zgartirib qo’yadi; fixed- aniq o’rnatilgan o’lcham, bu qiymatni berish uchun jadval uzunligi o’rnatilgan bo’lishi lozim)