Grondbeginsels van grense in CSS

Ons gaan nou leer om 'n grens by elemente te voeg. Dit word gedoen deur drie eienskappe te gebruik: die eienskap border-width stel die dikte van die grens, border-color - die kleur, en border-style stel die tipe grens.

Die eerste twee eienskappe werk op 'n ooglopende manier: border-color aanvaar kleure in die selfde formaat as die eienskap color, en die grens dikte word in pixels gespesifiseer. Maar die eienskap border-style aanvaar waardes as sleutelwoorde. Byvoorbeeld, die waarde solid stel 'n soliede lyn.

Kom ons maak byvoorbeeld 'n grens met 'n dikte van 3 pixels, as 'n soliede lyn, in rooi kleur:

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

css#elem {
  border-width: 3px;    /* dikte 3px */
  border-style: solid;  /* as 'n lyn */
  border-color: red;    /* rooi kleur */
  width: 300px;
  height: 100px;
}

Результат:

In die volgende lesse sal ons die werk met grense meer in detail bespreek.