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

Làm cách nào để đặt hình dạng của đường viền góc trên bên trái bằng JavaScript?


Để đặt hình dạng của đường viền góc trên cùng bên trái trong JavaScript, hãy sử dụng borderTopLeftRadius bất động sản. Đặt bán kính đường viền 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 thiết lập hình dạng của đường viền trên cùng bên trái bằng 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 left border radius</button>
      <script>
         function display() {
            document.getElementById("box").style.borderTopLeftRadius = "20px";
         }
      </script>
   </body>
</html>