Сократено својство за граница во CSS

Исто како и за фонтовите, и за границите постои сократено својство border, кое можеме да го користиме наместо да пишуваме 3 различни својства за дебелина, боја и тип на граница. Во ова својство можеме едноставно да ги наброиме вредностите за границата во кој било редослед.

Ајде да погледнеме на пример. Нека имаме ваква граница:

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

Да ја преработиме преку сократеното својство:

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