Sifa za CSS: Uchunguzi na Matumizi

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.