หากต้องการตั้งค่าสีของเส้นขอบองค์ประกอบใน JavaScript ให้ใช้คุณสมบัติ borderColor
ตัวอย่าง
คุณสามารถลองรันโค้ดต่อไปนี้เพื่อเรียนรู้วิธีตั้งค่าสีของเส้นขอบองค์ประกอบ −
<!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> 