Асновы працы з межамі ў CSS

Цяпер мы навучымся дадаваць мяжу элементам. Гэта робіцца пры дапамозе трох уласцівасцяў: уласцівасць border-width задае таўшчыню мяжы, border-color - колер, а border-style задае тып мяжы.

Першыя дзве ўласцівасці працуюць відавочным чынам: border-color прымае колеры ў тым жа фармаце, што і ўласцівасць color, а таўшчыня мяжы задаецца ў пікселях. А вось уласцівасць border-style прымае значэнні ў выглядзе ключавых слоў. Напрыклад, значэнне solid задае суцэльную лінію.

Зробім, да прыкладу, мяжу таўшчынёй 3 пікселя, у выглядзе суцэльнай лініі, чырвонага колеру:

<div id="elem"></div>

#elem {
	border-width: 3px;    /* таўшчыня 3px */
	border-style: solid;  /* у выглядзе лініі */
	border-color: red;    /* чырвоны колер */
	width: 300px;
	height: 100px;
}

У наступных уроках мы разгледзім працу з межамі больш падрабязна.