Abubuwan CSS: Bincike da Amfani

Anan ga cikakken bayani ga kowane kadarorin CSS

 

Dukiya color

Ana amfani da kadarorin color don tsara launin rubutu na wani kashi.

Ƙimar na iya zama sunan launi(misali, red, blue, green), lambar hexadecimal(misali, "#FF0000" don red), ko rgb()  aiki don ƙididdige Red, Green, Blue ƙimar.

Misali: color: red;

Dukiya font-size

Ana amfani da kadarorin font-size  don tsara girman rubutu a cikin kashi.

Ƙimar na iya zama a cikin pixels(misali, "12px"), em raka'a(misali, "1.2em"), kaso(%), ko wasu ƙimar dangi.

Misali: font-size: 16px;

Dukiya background-color

Ana amfani da kadarorin background-color don tsara launin bangon wani kashi.

Ƙimar kuma na iya zama sunan launi, lambar hexadecimal, ko aikin "rgb()" don tantance launi.

Misali: background-color: #F0F0F0;

Dukiya font-family

Kayan "font-family" yana bayyana ma'anar font da aka yi amfani da shi don rubutun a cikin wani abu.

Ƙimar na iya zama sunan font(misali, Arial, Helvetica) ko jerin sunayen rubutu da aka fifita.

Misali: font-family: Arial, sans-serif;

Dukiya text-align

Ana amfani da kadarar "rubutu-align" don daidaita rubutun cikin wani kashi.

Ƙimar na iya zama left, right, center, ko justify(don tabbatar da rubutu a ƙarshen duka).

Misali: text-align: center;

Dukiya width

Kayan "nisa" yana ƙayyadaddun faɗin wani abu.

Ƙimar na iya zama a cikin pixels, kashi(%), ko auto don faɗin atomatik.

Misali: width: 300px;

Dukiya height

Kayan height  yana ƙayyade tsayin kashi.

Ƙimar na iya zama a cikin pixel, kashi(%), ko auto don tsayin atomatik.

Misali: height: 200px;

Dukiya border

Ana amfani da kadarorin border  don ƙirƙirar iyaka a kusa da wani abu.

Ƙimar na iya haɗawa da kaurin iyaka(misali, "1px"), border style(misali, solid, dotted), da color(misali, red).

Misali: border: 1px solid black;

Dukiya margin

Kayan margin yana bayyana tazara tsakanin abu da abubuwan da ke kewaye.

Ƙimar na iya zama ƙimar pixel(misali, "10px"), ƙimar pixel ga kowane shugabanci(misali, "5px 10px"), ko auto  don tazarar atomatik.

Misali: margin: 10px;

Dukiya padding

Kayan padding yana bayyana tazara tsakanin abun ciki da iyakar wani abu.

Ƙimar na iya zama pixel ƙima ko ƙimar pixel ga kowane shugabanci.

Misali: padding: 20px;

 

Waɗannan ƙananan misalan kaddarorin CSS ne da ƙimar su. CSS yana ba da wasu kaddarorin da yawa don salo da keɓance abubuwa akan rukunin yanar gizon ku. Kuna iya bincika ƙarin kaddarorin kuma keɓance su don cimma ƙira iri-iri da tasiri don gidan yanar gizon ku.