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

Làm cách nào để đặt tất cả bốn thuộc tính bán kính đường viền cùng một lúc với JavaScript?


Để đặt tất cả các thuộc tính bán kính đường viền trong JavaScript, hãy sử dụng borderRadius bất động sản. Đặt thuộc tính bán kính đường viền cùng một lúc bằng cách sử dụng điều này.

Ví dụ

Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách đặt tất cả bốn thuộc tính bán kính đường viền -

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