CSS-də sərhədlərlə işin əsasları

İndi biz elementlərə sərhəd əlavə etməyi öyrənəcəyik. Bu, üç xassə vasitəsilə edilir: border-width xassəsi sərhədin qalınlığını təyin edir, border-color - rəngini, border-style isə sərhədin növünü təyin edir.

İlk iki xassə aydın şəkildə işləyir: border-color xassəsi color xassəsi ilə eyni formatda rəngləri qəbul edir, sərhədin qalınlığı isə piksellərdə təyin olunur. border-style xassəsi isə açar sözlər şəklində qiymətlər qəbul edir. Məsələn, solid qiyməti bərxət xətt təyin edir.

Gəlin, məsələn, 3 piksel qalınlığında, bərxət xətt şəklində, qırmızı rəngdə sərhəd edək:

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

#elem {
	border-width: 3px;    /* qalınlıq 3px */
	border-style: solid;  /* xətt şəklində */
	border-color: red;    /* qırmızı rəng */
	width: 300px;
	height: 100px;
}

Növbəti dərslərdə biz sərhədlərlə işi daha ətraflı nəzərdən keçirəcəyik.