Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm cách nào để đặt chiều rộng của đường viền phần tử bằng JavaScript?

Để đặt chiều rộng của đường viền của một phần tử trong JavaScript, hãy sử dụng borderWidth bất động sản. Đặt chiều rộng bằng cách sử dụng thuộc tính này.

Bạn có thể thử chạy mã sau để tìm hiểu cách đặt chiều rộng của đường viền của phần tử -

Ví dụ 

<!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 border width</button>
      <script>
         function display() {
            document.getElementById("box").style.borderWidth = "thin";
         }
      </script>
      
   </body>
</html>