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


Để đặt thuộc tính đường viền dưới cùng trong một khai báo trong JavaScript, hãy sử dụng thuộc tính borderBottom. Nó cho phép bạn đặt độ rộng của đường viền dưới cùng, kiểu đường viền dưới cùng và màu đường viền dưới cùng.

Ví dụ

Bạn có thể thử chạy mã sau để tìm hiểu cách đặt thuộc tính đáy đường viền -

<!DOCTYPE html>
<html>
   <head>
      <style>
         #box {
            border: 2px dashed blue;
            width: 120px;
            height: 120px;
         }
      </style>
   </head>
   <body>
      <button onclick="display()">Set border bottom color</button>
      <div id="box">
         <p>Demo Text</p>
         <p>Demo Text</p>
      </div>
      <script>
         function display() {
            document.getElementById("box").style.borderBottom = "thin dashed #000000";
         }
      </script>
   </body>
</html>