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

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

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

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

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

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

Результат:

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