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

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

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

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

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

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

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