Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

วิธีตั้งค่าสีของเส้นขอบด้านบนด้วย JavaScript


หากต้องการตั้งค่าสีของเส้นขอบด้านบนใน JavaScript ให้ใช้คุณสมบัติ borderTopColor คุณสมบัตินี้ใช้สำหรับกำหนดสีของเส้นขอบด้านบน

ตัวอย่าง

คุณสามารถลองรันโค้ดต่อไปนี้เพื่อเรียนรู้วิธีตั้งค่าสีของเส้นขอบด้านบนด้วย JavaScript −

<!DOCTYPE html> <html>    <head>       <style>          #box {             border: thick solid gray;          }       </style>    </head>    <body>       <div id = "box">Demo Text</div>       <br>       <br>       <button type = "button" onclick = "display()">Change top border color</button>       <script>          function display() {             document.getElementById("box").style.borderTopColor = "green";          }       </script>    </body> </html>