L-ifformattjar ta' listi u tabelli huwa parti essenzjali mill-wiri ta' informazzjoni fuq il-websajt tiegħek. CSS jipprovdi proprjetajiet u klassijiet biex joħolqu u jippersonalizzaw listi u tabelli skond il-predisposizzjoni tiegħek. Hawnhekk hawn gwida dettaljata dwar kif tifformattja l-listi u t-tabelli f'CSS.
Listi tal-ifformattjar
Lista mhux ordnata(ul)
Proprjetà prinċipali: lista ta 'stil tat-tip.
Valuri: none, disc, circle, square
.
Eżempju:
Lista Ordnata(ol)
Proprjetà prinċipali: lista ta 'stil tat-tip.
Valuri: xejn(default), deċimali, low-alpha, upper-alpha, lower-roman, upper-roman.
Eżempju:
Lista ta' Definizzjonijiet(dl)
Proprjetà ewlenija: M'hemm l-ebda proprjetà CSS speċifika għall-ifformattjar tal-listi tad-definizzjoni. Madankollu, tista 'stil l-elementi fil-lista billi tuża klassijiet jew proprjetajiet oħra bħal font-size, font-weight, margin, padding, etc.
Eżempju:
Tabelli tal-ifformattjar
Formattjar tal-Istruttura tat-Tabella
Proprjetà prinċipali: border-collapse
.
Valuri: separate(default), collaps
e.
Eżempju:
Formattjar tal-Fruntieri tat-Tabella
Proprjetà prinċipali: border
.
Valuri: Valur tal-fruntiera, pereżempju: 1px solid black
.
Eżempju:
Ifformattjar tal-Fruntieri taċ-Ċellula
Proprjetà prinċipali: border
.
Valuri: Valur tal-fruntiera, pereżempju: 1px solid black
.
Eżempju:
Allinjament u Spazjar taċ-Ċelloli tal-Tabella
Proprjetajiet ewlenin: text-align, padding
.
- text-align: Valuri ta' allinjament, pereżempju:
left, right, center
. - padding: Valur ta' spazjar fi ħdan iċ-ċelloli, pereżempju: 10px.
Eżempju:
Sfond u Kulur tat-Test fit-Tabelli
Proprjetajiet ewlenin: background-color, color
background-color
: Valur tal-kulur tal-isfond, pereżempju:lightgray
.color
: Valur tal-kulur tat-test, pereżempju:white
.
Eżempju:
Daqs tal-kolonna u tar-ringiela fit-Tabelli
Proprjetajiet ewlenin: width
, height
.
width
: Valur tal-wisa ', pereżempju: "100px", "20%".height
: Valur tal-għoli, pereżempju: "50px", "10%".
Eżempju:
Din hija gwida komprensiva dwar kif tifformattja listi u tabelli f'CSS. Tista 'tippersonalizza l-valuri u l-proprjetajiet biex toħloq stili ta' lista u tabelli li jissodisfaw il-ħtiġijiet tad-disinn tiegħek fuq il-websajt tiegħek.