Controlla i due colori di un bordo interno?

Question

Sto cercando di vedere se c'è un modo per cambiare i due colori del bordo interno in CSS

Come sapete, lo stile inserto crea un bordo su un elemento che crea l'illusione che che ha un incorporato confine. Ottiene ciò facendo in modo che i bordi inferiore e destro del colore selezionato e cambino il colore del bordo superiore e sinistro con una tonalità leggermente più scura.

Qualcuno sa di un modo in cui è possibile controllare il colore scuro, o forse anche diverso, della tonalità alternativa?

#myElement{ 
    border: inset 1px white; 
} 

Grazie.

Answer 1

non credo che si può controllare il modo in cui ho citato, ma di sicuro è possibile controllare il colore individuale di ogni confine:

#myElement{ 
    border-style: solid; 
    border-width: 1px; 
    border-top-color: black; 
    border-left-color: black; 
    border-right-color: white; 
    border-bottom-color: white; 
} 

Answer 2

Se si desidera utilizzare lo stesso colore per tutti i lati il bordo interno, prova questo, che ho usato e ha funzionato bene.

border-style: solid inset solid solid;