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;
}

Келесі сабақтарда біз границалармен жұмысты толығырақ қарастырамыз.