วิธีตั้งค่าคุณสมบัติเส้นขอบขวาทั้งหมดในการประกาศเดียวด้วย JavaScript

หากต้องการตั้งค่าคุณสมบัติเส้นขอบขวาทั้งหมดใน JavaScript ให้ใช้คุณสมบัติ borderRight ตั้งค่าสี สไตล์ และความกว้างของเส้นขอบพร้อมกันโดยใช้คุณสมบัตินี้

ตัวอย่าง

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

<!DOCTYPE html> <html>    <head>       <style>          #box {             border: thick solid gray;             width: 300px;             height: 200px          }       </style>    </head>    <body>       <div id="box">Demo Text</div>       <br><br>       <button type="button" onclick="display()">Change right border</button>       <script>          function display() {             document.getElementById("box").style.borderRight = "thick solid #000000";          }       </script>    </body> </html>