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 dưới bên phải trong JavaScript DOM?


Để đặt hình dạng của đường viền góc dưới bên phải trong JavaScript, hãy sử dụng borderBottomRightRadius bất động sản. Nó cho phép bạn thiết lập một đường viền tròn.

Ví dụ

Bạn có thể thử chạy mã sau để tìm hiểu cách thiết lập hình dạng của góc dưới cùng bên phải -

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