Bazat e punës me kufij në CSS

Tani do të mësojmë si të shtojmë kufi elementeve. Kjo bëhet duke përdorur tre veti: vetia border-width cakton trashësinë e kufirit, border-color - ngjyrën, dhe border-style cakton llojin e kufirit.

Dy vetitë e para punojnë në mënyrë të dukshme: border-color pranon ngjyra në të njëjtin format si vetia color, dhe trashësia e kufirit caktohet në piksel. Ndërsa vetia border-style pranon vlera në formë të fjalëve kyç. Për shembull, vlera solid cakton një vijë të fortë.

Le të bëjmë, për shembull, një kufi me trashësi 3 piksel, në formë vije të fortë, me ngjyrë të kuqe:

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

css#elem {
  border-width: 3px;    /* trashësia 3px */
  border-style: solid;  /* në formë vije */
  border-color: red;    /* ngjyrë e kuqe */
  width: 300px;
  height: 100px;
}

Результат:

Në mësimet në vijim, ne do të shqyrtojmë punën me kufij më në hollësi.