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>