Hordhac: Xuduudaha CSS

Xuduudaha CSS waxay ku darayaan xariiq ku wareegsan curiyaha HTML. Waxaad xakamayn kartaa qaabka, midabka, iyo ballaca xuduudaha.

Hababka Xuduudaha

Waxaa jira saddex sifo oo muhiim ah oo aad u isticmaali karto si aad u habayso xuduudaha:

• border-style: Wuxuu qeexayaa nooca xuduudda (tusaale, solid, dashed, dotted).
• border-color: Wuxuu qeexayaa midabka xuduudda.
• border-width: Wuxuu qeexayaa ballaca xuduudda.

Tusaale: Xuduud adag

Halkan waxaa ah tusaale sida loo abuuro xuduud adag:

p {
 border-style: solid;
 border-color: blue;
 border-width: 5px;
}

Koodhkani wuxuu ku darayaa xuduud buluug ah oo adag dhammaan curiyaha <p>.

Tusaale: Xuduudo kala duwan

Waxaad sidoo kale dejin kartaa xuduudo kala duwan dhinac kasta:

p {
 border-top: 5px solid red;
 border-right: 2px dashed green;
 border-bottom: 5px double blue;
 border-left: 2px dotted black;
}

Tusaalahani wuxuu isticmaalayaa xuduudo kala duwan midabada iyo qaababka kala duwan.

Sifo Gaaban

Waxaad ku qeexi kartaa dhammaan sifooyinka xuduudda hal xariiq adigoo isticmaalaya sifada gaaban ee border:

p {
 border: 5px solid red;
}

Tani waxay u dhigantaa dejinta ballaca, qaabka, iyo midabka si gooni ah.

Xuduudaha wareegsan

Waxaad abuuri kartaa xuduudo wareegsan adigoo isticmaalaya sifada border-radius:

div {
 border: 2px solid black;
 border-radius: 10px;
}

Tani waxay wareejinaysaa geesaha curiyaha <div>.

Gabagabo

Xuduudaha CSS waa hab fiican oo lagu xoojiyo oo lagu kala sooco curiyahaaga HTML. Waxaad xakamayn kartaa muuqaalka xuduudaha adigoo isticmaalaya qaabab kala duwan, midabyo, iyo ballac.