Lastnost okrajšave za obrobo v CSS

Prav tako kot za pisave, tudi za obrobe obstaja lastnost okrajšave border, ki jo lahko uporabimo namesto tega, da pišemo 3 različne lastnosti za debelino, barvo in tip obrobe. V tej lastnosti lahko preprosto naštejemo vrednosti za obrobo v poljubnem vrstnem redu.

Poglejmo si primer. Recimo, da imamo takšno obrobo:

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

Prepišimo jo z lastnostjo okrajšave:

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