Уласцівасць-скарачэнне для мяжы ў CSS

Таксама, як і для шрыфтоў, для мяж таксама існуе ўласцівасць-скарачэнне border, якое мы можам выкарыстоўваць замест таго, каб пісаць 3 розныя ўласцівасці для таўшчыні, колеру і тыпу мяжы. У гэтай уласцівасці мы можам проста пералічыць значэнні для мяжы ў любым парадку.

Давайце паглядзім на прыкладзе. Хай у нас ёсць вось такая мяжа:

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

Перапішам яе праз уласцівасць-скарачэнне:

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

Паўтарыце старонку па дадзеным узоры: