CSS Outline. CSS Outline Color. Proprietatea CSS outline-color: name, RGB, Hex,invert.
Partajeaza in Google Classroom
Teorie: Descriere video Descarcă PDF
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;
}