Eigenschap border

De eigenschap border stelt de kleur, het type en de dikte van de rand voor alle zijden tegelijk in. Het is een korte notatie voor border-width, border-style en border-color. In tegenstelling tot de verkorte eigenschappen kan het niet verschillende randen voor 4 zijden tegelijk instellen, maar alleen dezelfde voor alle.

Syntaxis

cssselector {
  border: dikte type kleur;
}

De volgorde van de eigenschappen maakt niet uit.

Voorbeeld

Laten we een zwarte rand met een dikte van 1px maken voor het element:

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

Результат:

Zie ook

  • eigenschap border-left,
    die de linkerrand instelt
  • eigenschap border-right,
    die de rechterrand instelt
  • eigenschap border-top,
    die de bovenste rand instelt
  • eigenschap border-bottom,
    die de onderste rand instelt
  • eigenschap outline,
    die een omtrek voor het element instelt
  • eigenschap border-radius,
    die de hoeken van de rand afrondt