Hapa kuna maelezo ya kina kwa kila mali ya CSS
Mali color
Sifa color
hutumika kufomati rangi ya maandishi ya kipengele.
Thamani inaweza kuwa jina la rangi(km, red
, blue
, green
), msimbo wa heksadesimali(kwa mfano, "#FF0000" kwa red
), au rgb()
chaguo la kukokotoa la kubainisha Red, Green, Blue
thamani.
Mfano: color: red;
Mali font-size
Sifa font-size
hutumika kufomati saizi ya maandishi ndani ya kipengele.
Thamani inaweza kuwa katika pikseli(kwa mfano, "12px"), vitengo vya em(km, "1.2em"), asilimia(%), au thamani zingine zinazohusiana.
Mfano: font-size: 16px;
Mali background-color
Sifa background-color
hutumika kuumbiza rangi ya usuli ya kipengele.
Thamani pia inaweza kuwa jina la rangi, msimbo wa heksadesimali, au chaguo za kukokotoa "rgb()" ili kubainisha rangi.
Mfano: background-color: #F0F0F0;
Mali font-family
Sifa ya "fonti-familia" inafafanua fonti inayotumika kwa maandishi ndani ya kipengele.
Thamani inaweza kuwa jina la fonti(kwa mfano, Arial
, Helvetica
) au orodha iliyopewa kipaumbele ya majina ya fonti.
Mfano: font-family: Arial, sans-serif;
Mali text-align
Kipengele cha "kulinganisha maandishi" kinatumika kupanga maandishi ndani ya kipengele.
Thamani inaweza kuwa left
, right
, center
, au justify
(kuhalalisha maandishi kwenye ncha zote mbili).
Mfano: text-align: center;
Mali width
Sifa ya "upana" inabainisha upana wa kipengele.
Thamani inaweza kuwa katika pikseli, asilimia(%), au auto
kwa upana otomatiki.
Mfano: width: 300px;
Mali height
Sifa height
inabainisha urefu wa kipengele.
Thamani inaweza kuwa katika pixel
, asilimia(%), au auto
kwa urefu wa kiotomatiki.
Mfano: height: 200px;
Mali border
Mali hiyo border
hutumiwa kuunda mpaka karibu na kitu.
Thamani inaweza kujumuisha unene wa mpaka(kwa mfano, "1px"), border style
(km, solid
, dotted
), na color
(km, red
).
Mfano: border: 1px solid black;
Mali margin
Sifa margin
hufafanua nafasi kati ya kipengele na vipengele vinavyozunguka.
Thamani inaweza kuwa thamani ya pikseli(kwa mfano, "10px"), thamani za pikseli kwa kila mwelekeo(kwa mfano, "5px 10px"), au auto
kwa nafasi otomatiki.
Mfano: margin: 10px;
Mali padding
Sifa hii padding
inafafanua nafasi kati ya maudhui na mpaka wa kipengele.
Thamani inaweza kuwa pixel
thamani au thamani za pikseli kwa kila mwelekeo.
Mfano: padding: 20px;
Hii ni mifano michache tu ya sifa za CSS na maadili yake. CSS hutoa sifa nyingine nyingi za kuweka mtindo na kubinafsisha vipengele kwenye ukurasa wako wa tovuti. Unaweza kuchunguza mali zaidi na kubinafsisha ili kufikia miundo na athari mbalimbali za tovuti yako.