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 phải bằng JavaScript?


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