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

Làm cách nào để thiết lập kiểu của đường viền bên trái bằng JavaScript?


Để đặt kiểu của đường viền bên trái trong JavaScript, hãy sử dụng borderLeftStyle bất động sản. Đặt kiểu trong thuộc tính này mà bạn muốn cho đường viền, tức là nét liền, nét đứt, v.v.

Ví dụ

Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách tạo kiểu cho đường viền bên trái -

<!DOCTYPE html>
<html>
   <head>
      <style>
         #box {
            border: thick solid gray;
            width: 300px;
            height: 300px;
         }
      </style>
   </head>
   <body>
      <div id="box">Demo Text</div>
      <br><br>
      <button type="button" onclick="display()">Change left border style</button>
      <script>
         function display() {
            document.getElementById("box").style.borderLeftStyle = "dashed";
         }
      </script>
   </body>
</html>