CSS -omtrekkleur
CSS-omtrekkleur
Die outline-color
eiendom word gebruik om die kleur van die buitelyn 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%)"
- omkeer - voer 'n kleuromkering uit (wat verseker dat die buitelyn sigbaar is, ongeag kleur agtergrond)
Die volgende voorbeeld toon 'n paar verskillende buitelyne met verskillende kleure. Let ook op dat hierdie elemente ook 'n dun swart rand binne die buitelyn het:
'n Soliede rooi buitelyn.
'n Blou stippellyn.
'n Aanvanklike grys omtrek.
Voorbeeld
p.ex1
{
border: 2px solid black;
outline-style: solid;
outline-color: red;
}
p.ex2
{
border: 2px solid black;
outline-style: dotted;
outline-color: blue;
}
p.ex3
{
border: 2px solid black;
outline-style: outset;
outline-color: grey;
}
HEX Waardes
Die buitelynkleur kan ook gespesifiseer word deur 'n heksadesimale waarde (HEX) te gebruik:
Voorbeeld
p.ex1 {
outline-style: solid;
outline-color: #ff0000;
/* red */
}
RGB waardes
Of deur RGB-waardes te gebruik:
Voorbeeld
p.ex1 {
outline-style: solid;
outline-color: rgb(255, 0, 0); /*
red */
}
HSL Waardes
U kan ook HSL-waardes gebruik:
Voorbeeld
p.ex1 {
outline-style: solid;
outline-color: hsl(0, 100%, 50%);
/* red */
}
Jy kan meer leer oor HEX, RGB en HSL waardes in ons CSS Kleure hoofstukke.