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

Làm cách nào để đặt màu của đường viền dưới cùng trong JavaScript DOM?


Để đặt màu của đường viền dưới trong JavaScript, hãy sử dụng borderBottomColor bất động sản. Nó cho phép bạn đặt màu đường viền cho phần dưới cùng của đường viền.

Ví dụ

Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách đặt màu của đường viền dưới cùng -

<!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.borderBottomColor = "yellow";
         }
      </script>
   </body>
</html>