Egenskapen border

Egenskapen border anger färg, typ och tjocklek på kantlinjen för alla sidor samtidigt. Den är en sammanfattande egenskap för border-width, border-style och border-color. Till skillnad från de egenskaper den sammanfattar kan den inte ange olika kantlinjer för 4 sidor samtidigt, utan bara samma för alla.

Syntax

cssselector {
  border: tjocklek typ färg;
}

Ordningen på egenskaperna spelar ingen roll.

Exempel

Låt oss ge elementet en svart kantlinje med en tjocklek på 1px:

html<div id="elem"></div>
css#elem {
  border: 1px solid black;
  width: 300px;
  height: 100px;
}

Результат:

Se även

  • egenskapen border-left,
    som anger den vänstra kantlinjen
  • egenskapen border-right,
    som anger den högra kantlinjen
  • egenskapen border-top,
    som anger den övre kantlinjen
  • egenskapen border-bottom,
    som anger den nedre kantlinjen
  • egenskapen outline,
    som anger en konturram för elementet
  • egenskapen border-radius,
    som rundar av hörnen på kantlinjen