Fahamka Sanduuqa Model-ka HTML

Sanduuqa Model-ka HTML waa aasaaska qaabaynta walxaha (elements) ee HTML. Waxay ku saabsan tahay sida walax kasta loogu qaabeeyo boggaaga.

Sanduuq kasta wuxuu ka kooban yahay:

• Margin (Margin): Meesha bannaanka ah ee ku wareegsan walaxda.
• Border (Xuduud): Xariiqda ku wareegsan walaxda.
• Padding (Geeska): Meesha bannaanka ah ee u dhaxaysa xuduudda iyo waxa ku jira walaxda.
• Content (Waxaa ku jira): Qoraalka, sawirrada, ama waxyaabaha kale ee ku jira walaxda.

Tusaale:

.sanduuq {
  width: 300px;
  height: 150px;
  padding: 25px;
  border: 5px solid red;
  margin: 50px;
}

Sharaxaada koodhka:

• width iyo height waxay qeexayaan ballaca iyo dhererka waxa ku jira.
• padding wuxuu meel bannaan ka abuuraa inta u dhaxaysa waxa ku jira iyo xuduudda.
• border wuxuu abuuraa xariiq ku wareegsan walaxda.
• margin wuxuu meel bannaan ka abuuraa meel ka baxsan xuduudda, isaga oo ka soocaya walxaha kale.

Muhiimadda Sanduuqa Model-ka

Fahamka sanduuqa model-ka wuxuu muhiim u yahay si sax ah u qaabaynta boggaaga. Waxaad xakamayn kartaa booska iyo cabbirka walxaha adiga oo isticmaalaya margin, padding, iyo border.

Talo: Markaad qaabayneyso, had iyo jeer tixgeli sida sanduuqa model-ka u saameynayo qaabka guud ee boggaaga.