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:

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

css#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.