Основе рада са границама у CSS

Сада ћемо научити како да додамо границу елементима. То се ради помоћу три својства: својство border-width задаје дебљину границе, border-color - боју, а border-style задаје тип границе.

Прва два својства раде на очигледан начин: border-color прима боје у истом формату као и својство color, а дебљина границе се задаје у пикселима. А ево својство border-style прима вредности у виду кључних речи. На пример, вредност solid задаје непрекидну линију.

Направимо, на пример, границу дебљине 3 пиксела, у виду непрекидне линије, црвене боје:

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

css#elem {
  border-width: 3px;    /* дебљина 3px */
  border-style: solid;  /* у виду линије */
  border-color: red;    /* црвена боја */
  width: 300px;
  height: 100px;
}

Результат:

У следећим лекцијама ћемо детаљније размотрити рад са границама.