Misingi ya Kufanya Kazi na Mipaka katika CSS

Sasa tutajifunza kuongeza mpaka kwa vipengele. Hii inafanywa kwa kutumia sifa tatu: sifa border-width huweka unene wa mpaka, border-color - rangi, na border-style huweka aina ya mpaka.

Sifa za kwanza mbili hufanya kazi kwa njia inayoeleweka: border-color inakubali rangi katika umoja ule ule, kama sifa color, na unene wa mpaka huwekwa kwenye saizi ya pikseli. Lakini sifa border-style inakubali maadili kwa maneno muhimu. Kwa mfano, thamani solid huweka mstari kamili.

Tufanye, kwa mfano, mpaka mwenye unene wa 3 pikseli, kwa mfumo wa mstari kamili, wa rangi nyekundu:

html<div id="elem"></div>

css#elem {
  border-width: 3px;    /* unene 3px */
  border-style: solid;  /* kwa mfumo wa mstari */
  border-color: red;    /* rangi nyekundu */
  width: 300px;
  height: 100px;
}

Результат:

Katika masomo yafuatayo tutaangalia kazi na mipaka kwa undani zaidi.