CSS Outline. CSS Outline Color. Proprietatea CSS outline-color: name, RGB, Hex,invert.

CSS Outline Color

Proprietatea CSS outline-color este utilizată pentru a seta culoarea conturului.

Culoarea poate fi setată de:

name - Specificați un nume de culoare, cum ar fi „red”.
RGB - Specificați o valoare RGB, cum ar fi „rgb (255,0,0)”.
Hex - Specificați o valoare hexagonală, cum ar fi „# ff0000”.
invert - Realizează o inversare a culorii (care asigură că conturul este vizibil, indiferent de fundalul culorii).

Următorul exemplu arată câteva contururi diferite cu culori diferite. De asemenea, observați că aceste elemente au și o bordură neagră subțire în interiorul conturului:



Exemplu:

p.ex1 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
}

p.ex2 {
  border: 1px solid black;
  outline-style: double;
  outline-color: green;
}

p.ex3 {
  border: 1px solid black;
  outline-style: outset;
  outline-color: yellow;
}

Următorul exemplu folosește outline-color: invert, care realizează o inversare a culorii. Acest lucru asigură că outline-ul este vizibil, indiferent de fundalul culorii:



Exemplu:

p.ex1 {
  border: 1px solid yellow;
  outline-style: solid;
  outline-color: invert;
}