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

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


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

ตัวอย่าง

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

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