JSFiddle - React, Tailwind, and code Playground

HTML

<hr>
    
<div>Test</div>

CSS

hr{
    border-color:orange;
    border-style:solid;
}

JavaScript

var el = document.querySelector("hr");
var style = window.getComputedStyle(el);

var bordercolor = style.getPropertyValue("border-left-color");
var borderstyle = style.getPropertyValue("border-left-style");
console.log(bordercolor+" :: "+borderstyle);

var log = document.querySelector("div")

log.innerHTML = "border is "+borderstyle+" "+bordercolor;
log.style.color = bordercolor;