Eienskap border

Die eienskap border spesifiseer die kleur, tipe en dikte van die rand vir alle kante gelyktydig. Dit is 'n eienskap-afkorting vir border-width, border-style en border-color. In teenstelling met die verkorte eienskappe kan dit nie verskillende rande vir 4 kante spesifiseer nie, maar slegs dieselfde vir almal.

Sintaksis

cssselektor {
  border: dikte tipe kleur;
}

Die volgorde van die eienskappe maak nie saak nie.

Voorbeeld

Kom ons maak 'n swart rand vir die element met 'n dikte van 1px:

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

Результат:

Sien ook

  • eienskap border-left,
    wat die linkerrand spesifiseer
  • eienskap border-right,
    wat die regterrand spesifiseer
  • eienskap border-top,
    wat die boonste rand spesifiseer
  • eienskap border-bottom,
    wat die onderste rand spesifiseer
  • eienskap outline,
    wat 'n omlyning vir die element spesifiseer
  • eienskap border-radius,
    wat die hoeke van die rand rond maak