CSS-də border xüsusiyyəti - qısaldılmış yazılış

Fontlarda olduğu kimi, sərhədlər üçün də qalınlıq, rəng və növ üçün 3 fərqli xüsusiyyət yazmaq əvəzinə, istifadə edə biləcəyimiz border adlı qısaldılmış xüsusiyyət var. Bu xüsusiyyətdə biz sadəcə sərhəd dəyərlərini istənilən ardıcıllıqla sadalaya bilərik.

Gəlin bir nümunəyə baxaq. Tutaq ki, bizim belə bir sərhədimiz var:

css#elem {
  border-width: 1px;
  border-style: solid;
  border-color: black;
  width: 300px;
  height: 100px;
}

Gəlin onu qısaldılmış xüsusiyyət vasitəsilə yenidən yazaq:

css#elem {
  border: 1px solid red;
  width: 300px;
  height: 100px;
}