CSS -randkleur
CSS-randkleur
Die border-coloreiendom word gebruik om die kleur van die vier grense te stel.
Die kleur kan gestel word deur:
- naam - spesifiseer 'n kleur naam, soos "rooi"
- HEX - spesifiseer 'n HEX waarde, soos "#ff0000"
- RGB - spesifiseer 'n RGB-waarde, soos "rgb(255,0,0)"
- HSL - spesifiseer 'n HSL-waarde, soos "hsl(0, 100%, 50%)"
- deursigtig
Let wel: As border-colordit nie gestel is nie, erf dit die kleur van die element.
Voorbeeld
Demonstrasie van die verskillende randkleure:
p.one
{
border-style: solid;
border-color: red;
}
p.two
{
border-style: solid;
border-color: green;
}
p.three {
border-style: dotted;
border-color:
blue;
}
Resultaat:
Red border
Green border
Blue border
Spesifieke sykleure
Die border-coloreiendom kan van een tot vier waardes hê (vir die boonste rand, regterrand, onderrand en die linkerrand).
Voorbeeld
p.one {
border-style: solid;
border-color: red green blue yellow;
/* red top, green right, blue bottom and yellow left */
}
HEX Waardes
Die kleur van die grens kan ook gespesifiseer word deur 'n heksadesimale waarde (HEX) te gebruik:
Voorbeeld
p.one {
border-style: solid;
border-color: #ff0000; /* red
*/
}
RGB waardes
Of deur RGB-waardes te gebruik:
Voorbeeld
p.one {
border-style: solid;
border-color: rgb(255, 0, 0);
/* red */
}
HSL Waardes
U kan ook HSL-waardes gebruik:
Voorbeeld
p.one {
border-style: solid;
border-color: hsl(0, 100%, 50%);
/* red */
}
Jy kan meer leer oor HEX, RGB en HSL waardes in ons CSS Kleure hoofstukke.