Để đặt màu cho đường viền của phần tử trong JavaScript, hãy sử dụng borderColor tài sản.
Ví dụ
Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách đặt màu cho đường viền của phần tử -
<!DOCTYPE html>
<html>
<head>
<style>
#box {
height: 300px;
width: 200px;
border: thick dashed yellow;
}
</style>
</head>
<body>
<div id="box">
<p>DEMO TEXT</p>
<p>DEMO TEXT</p>
<p>DEMO TEXT</p>
<p>DEMO TEXT</p>
</div>
<br>
<button type="button" onclick="display()">Set new color of border</button>
<script>
function display() {
document.getElementById("box").style.borderColor = "green";
}
</script>
</body>
</html>