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:
<div id="elem"></div>
#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.
