Уласцівасць-скарачэнне для мяжы ў 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;
}