JSFiddle - React, Tailwind, and code Playground

by Kunal Virk

HTML

<div id="sd_bgcolor_Border" style="background-color:red;"></div>

<div id="Border" style="width:100px; height:60px; border-width:5px;">asdfasdfasdf</div>

CSS

#Border {
  width: 100px;
  height: 60px;
  border-width: 5px;
  text-align: center;
  align-items: center;
  display: flex;
  border-color: #000;
  border-style: solid;
  justify-content: center;
}

JavaScript

var mainDiv = document.getElementById("sd_bgcolor_Border");
var targetDiv = document.getElementById("Border");
targetDiv.style.borderColor = mainDiv.style.backgroundColor;