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

Làm cách nào để đặt tất cả các thuộc tính bên phải đường viền trong một khai báo bằng JavaScript?


Để đặt tất cả các thuộc tính border right trong JavaScript, hãy sử dụng borderRight bất động sản. Đặt màu, kiểu và chiều rộng của đường viền cùng một lúc bằng cách sử dụng thuộc tính này.

Ví dụ

Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách đặt tất cả các thuộc tính bên phải cùng một lúc -

<!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>