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 trên cùng của đường viền trong một khai báo với JavaScript?


Để đặt tất cả các thuộc tính trên cùng của đường viền trong một khai báo, hãy sử dụng borderTop bất động sản. Với thuộc tính này, bạn có thể đặt thuộc tính border-top-width, border-top-style và border-top-color.

Ví dụ

Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách làm việc với các thuộc tính border-top trong JavaScript -

<!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 top border</button>
      <script>
         function display() {
            document.getElementById("box").style.borderTop = "thick solid #000000";
         }
      </script>
   </body>
</html>